cyelp.slack.com

Cyelp(Chinese Resturant Yelp)

1. Heroku link: https://cyelp.herokuapp.com/ (please use Chrome to access)
2. Youtube demo link: https://youtu.be/gDyKCImFneI

1. URL diagram
2. RESTful Routing

Cyelp is a yelp-like website for the Bay Area customers to post, search and read reviews about chinese resturants that they are interested in. Users can rate the resturant and write comments for those resturants as well. Users can login to the website with their Github or Google account so that they can manage posts and comments without registering for our website.

People in the Bay Area who are interested in chinese food.

1. Heroku

1. Express.js
2. Node.js
3. Passport.js
4. Mongoose

1. MongoDB
2. MLab

1. React JS
2. Reactstrap
3. Availity reactstrap Validation
4. jQuery

1. Post new resturants.
2. Creators of resturants can fire deletion of the restaurants.
3. Search exsiting resturants based on location(zip code), food type, and lowest rating. Sort results on saved times, reviewed times and rating.
4. Leave reviews about resturants and edit or delete comments whenever users need.
5. Rate resturants on a five-star rating scale.
6. Login with github and google account.

1. React:

• reuse code by dissecting into components
• manage state and props to communicate between child and parent components
• use a mixture of react strap and W3 css in javascript files to beautify webpage

2. Communication between client and server:

• use fetch API with "same-origin" credentials to pass user sessions in client cookies, so client doesn't need to send user information in url
• enable "trust proxy" to use a mixture of http (server) and https (frontend)
• send CORS response to deal with cross domain security issues when directing to external websites

3. Heroku vs local development:

• use production mode by building the react app and serving the build file
• sending CORS request to server to direct to google/github authentication page (original: proxy; problem: proxy ignored by heroku and treated as client routes)
• use cloudinary to store media files on the cloud (original: multer on local machine; problem: heroku only save the files deployed)
• use express-form-data to deal with form data (orginal: multer deals with it)

1. improve UI design
2. add Google Maps to show restaurant location
3. add more fuzzy search
4. add more rating fields such as food quality and service.
5. allow users to upload images with review