You will be cloning the application Yelp for the technical portion of our final. We will be testing you on Sequelize, Express, and React. You will need to define schema, make associations between models, setup routes, use react-router to handle front-end routing, create React components with lifecycle methods, and send AJAX requests to your server.
For the second frontend part of your final, you can use what you wrote in the first part or you can use the solution. You can configure your components however you like, but I'll break down how I would structure it below.
Running npm test will actually seed your database
You will need to use react-router to determine what components are displayed on the page. There should be two routes: one IndexRoute and another Route.
- fetches information on all restaurants
- displays the names of all restaurants as a
react-routerLink - clicking on a restaurant will change the URL and bring you to the
Single Restaurantpage - renders a form that creates a new restaurant
- form with 4 text fields and 1 drop-down option fields
- fires off AJAX request to the server to create a new restaurant
- on successful creation, the restaurant will be added to the list of restaurants
- fetches information on a single restaurant with all associated reviews
- displays all restaurant information along with all the reviews for that restaurant
- renders a form that allows you to write a new review for that restaurant
- form with 1 drop-down option field, 1 date/calendar field, 1 text field
- sends form data off to the server to create a new review (don't forget to also the ID of the restaurant the review is for!)
- on successful creation, the review will be added to the list of reviews for that restaurant