Implement a Yelp-like application with restaurants and reviews.
In this lab, we will practice creating and removing various items. We are working with two different resources, with each restaurant having many reviews and reviews belonging to a restaurant.
- You'll first need to create a RestaurantInput component that allows a user to create new restaurants. You will then need a Restaurants component that displays a list of restaurants, and a Restaurant component which is responsible for each restaurant. Users should also be able to delete restaurants, and to implement that you will need to give each restaurant an id.
Note To implement ids, it may be worth integrating another library in the reducer called ccuid. You can see that we already imported it in the reducer file for you. The library will generate a unique id for you:
import cuid from 'cuid';
console.log(cuid());
// ch72gsb320000udocl363eofy- You will also need to create a reviews resource. Users should be able to create a review that is specifically associated with the related restaurant, and those reviews should be displayed underneath the related restaurant. Users should also be able to delete a specific review.