This project was done following the instructions and lessons from the original Modern React Redux Course on Udemy. The actual project from the teacher was a book listing site, but I changed it to foods and added some small modifications to the random image added on the page. Please do be aware that some images do not actually match the name of the dish given.
The main purpose of the project is to practice react fundamentals and learn how to make custom hooks.
Follow these steps to get the project working:
npm or yarn, whichever you are more used to. The project was built with npm, but yarn should work just as fine.
- npm
npm install npm@latest -g
- Clone the repo
git clone git@github.com:CarolZNS/food-listing.git
- Install NPM packages
npm install
- Run the project server and then run the application
npm run server npm run start
Type in a dish or food name in the input at the bottom and make a list of all your favorite food. You can edit the name or delete the food entry. The image will be generated randomly for each entry.
The entries will be stored in the JSON server in the file db.json.
This project was bootstrapped with Create React App.
Images used by this project were taken from loremflicker.