https://github.com/khanhnamle1994/yelpcoffeeshops
A full-stack Node.js project to allow user to create, read, update, and delete coffeeshop information.
https://github.com/khanhnamle1994/yelpcoffeeshops
javascript mean-stack mongodb node-js restful-api
Last synced: about 2 months ago
JSON representation
A full-stack Node.js project to allow user to create, read, update, and delete coffeeshop information.
- Host: GitHub
- URL: https://github.com/khanhnamle1994/yelpcoffeeshops
- Owner: khanhnamle1994
- Created: 2017-10-24T00:04:46.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2017-11-04T06:24:41.000Z (over 7 years ago)
- Last Synced: 2025-01-08T03:41:15.597Z (3 months ago)
- Topics: javascript, mean-stack, mongodb, node-js, restful-api
- Language: JavaScript
- Homepage: https://young-peak-39440.herokuapp.com/
- Size: 6.43 MB
- Stars: 1
- Watchers: 3
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# YelpCoffeeShops Development Process
A full-stack Node.js project from my web dev course with RESTful routing
## Initial Setup
* Add Landing Page
* Add Coffeeshops Page that lists all coffeeshops
Each Coffeeshop has:
* Name
* Image
## Layout and Basic Styling
* Create header and footer partials
* Add in Bootstrap
## Creating New Coffeeshops
* Setup new coffeeshop POST route
* Add in body-parser
* Setup route to show form
* Add basic unstyled form
## Style the coffeeshops page
* Add a better header/title
* Make coffeeshops display in a grid
## Style the Navbar and Form
* Add a navbar to all templates
* Style the new coffeeshop form
## Add Mongoose
* Install and configure Mongoose
* Setup coffeeshop model
* Use coffeeshop model inside of routes
## Show Page
* Review the RESTful routes we've seen so far
* Add description to the coffeeshop model
* Show db.collection.drop()
* Add a show route/template
## Refactor Mongoose Code
* Create a models directory
* Use module.exports
* Require everything correctly!
## Add Seeds File
* Add a seeds.js file
* Run the seeds file every time the server starts
## Add the Comment model!
* Make comment errors go away!
* Display comments on coffeeshop show page
## Comment New/Create
* Discuss nested routes
* Add the comment new and create routes
* Add the new comment form
## Style Show Page
* Add sidebar to show page
* Display comments nicely
## Finish Styling Show Page
* Add public directory
* Add custom stylesheet
## Authentication Pt. 1 - Add User Model
* Install all packages needed for auth
* Define User model
## Authentication Pt. 2 - Register
* Configure Passport
* Add register routes
* Add register template
## Authentication Pt. 3 - Login
* Add login routes
* Add login template
## Authentication Pt. 4 - Logout/Navbar
* Add logout route
* Prevent user from adding a comment if not signed in
* Add links to navbar
## Authentication Pt. 5 - Show/Hide Links
* Show/hide auth links in navbar
## Refactor The Routes
* Use Express router to reoragnize all routes
## Users + Comments
* Associate users and comments
* Save author's name to a comment automatically
## Users + Coffeeshops
* Prevent an unauthenticated user from creating a coffeeshop
* Save username+id to newly created coffeeshop
## Editing Coffeeshops
* Add Method-Override
* Add Edit Route for Coffeeshops
* Add Link to Edit Page
* Add Update Route
## Deleting Coffeeshops
* Add Destroy Route
* Add Delete button
## Authorization Part 1: Coffeeshops
* User can only edit his/her coffeeshops
* User can only delete his/her coffeeshops
* Hide/Show edit and delete buttons
## Editing Comments
* Add Edit route for comments
* Add Edit button
* Add Update route
Coffeeshop Edit Route: /coffeeshops/:id/edit
Comment Edit Route: /coffeeshops/:id/comments/:comment_id/edit
## Deleting Comments
* Add Destroy route
* Add Delete button
Coffeeshop Destroy Route: /coffeeshops/:id
Comment Destroy Route: /coffeeshops/:id/comments/:comment_id
## Authorization Part 2: Comments
* User can only edit his/her comments
* User can only delete his/her comments
* Hide/Show edit and delete buttons
* Refactor Middleware to a single file
## Adding in Flash!
* Demo working version
* Install and configure connect-flash
* Add bootstrap alerts to header
## Adding dynamic price tag
* Show user-defined price
* Edit new or old price
* Change model for coffeeshop