Code Monkey home page Code Monkey logo

project_2's Introduction

Project_2

Github licence

Description

HomeGrown Plants is a blog driven project that allows the user to view seasonal plants. It also allows the user to checkout blog articles, as well as comment on them. It is using Node.js, Bcrypt, Session, Handlebars and Sequelize and MySQL.

Table of Contents

Installation

  1. Clone the repository from GitHub
  2. Install node.js
  3. Run npm install to install dependencies. Dependencies include mysql, console.table, express, inquirer, ........
  4. Run mysql -u root -p to start the database connection.
  5. Updated connection.js file with your own mysql user password.
  6. Create the database by running the command: source db/schema.sql.
  7. Seed the database by running the command: source db/seeds.sql.
  8. Run npm start to start the web server and connect

User Story

AS A plant blogger
I WANT to be able to view seasonal plant tips, as well view blog posts about gardening tips
SO THAT I can organize and grow my gardening tips

Acceptance Criteria

Use Node.js and Express.js to create a RESTful API.

Use Handlebars.js as the templating engine.

Use MySQL and the Sequelize ORM for the database.

Have both GET and POST routes for retrieving and adding new data.

Be deployed using Heroku (with data).

Use at least one new library, package, or technology that we haven't discussed.

Have a polished UI.

Be responsive.

Be interactive (i.e., accept and respond to user input).

Have a folder structure that meets the MVC paradigm.

Include authentication (express-session and cookies).

Protect API keys and sensitive information with environment variables.

Have a clean repository that meets quality coding standards (file structure, naming conventions, best practices for class/id naming conventions, indentation, quality comments, etc.).

Have a quality README (with unique name, description, technologies used, screenshot, and link to deployed application).

Screenshots


screenshot of start tables
screenshot of seasonal plants
screenshot of new plants
screenshot of blog posts

Link

To View the Live Site: Click Here

Usage

To build a gardening community using Node.js, and MySQL.

Built With

project_2's People

Contributors

3lydaley avatar lemming97 avatar magoofy avatar schai2009 avatar

Watchers

 avatar

project_2's Issues

MVP

  1. Log into our portal
  2. load database from the database
  3. Create a Comment on the Plant post
  4. Read other user's comments
  5. Edit comment
  6. Delete comment
  7. (Admin being able to delete the comment)

Main Questions of Discussion

  1. What is the purpose? -> Medicinal herbs you can grow in your yard
  2. Where are we finding this information? -> From Google, sources to be included
  3. What do we do with this information? -> Input in our database, store, and display as a gallery (use handlebars to source that info)
  4. How are we displaying this information? -> We're providing the plants (this means we will have our own information already created outside of what the user wants to add), and then they're commenting on the plant gallery icon. Users should be able to add their own similar to an upload option or add their own blog post. (extra features, like button, this was be saved in storage )
  5. Comments? -> Like button on a comment to create sorting function -> moving the row to the top with the highest value, lowest is pushed to the bottom. Create, Edit, and delete comments similar for to the note taker

Landing page

  1. user name and password on the corner
  2. gallery photo of the image
  3. title
  4. a general description
  5. top 4 plants ( pictures, navigate to the login page on the plant is selected)

Note: To see and add comments, the user needs to log into the website

Database

  1. Schema file
  2. models for the user, comments,
  3. index
  4. routes for making GET, POST, PUT, DELETE, UPDATE
  5. errors in case there is a base request

Server

  1. add middleware
  2. connect to the database
  3. call to the env file

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.