A full stack web application that allows the user to browse within the Spoonacular recipe database, search for recipes based on a random search and filter recipes by diet and meal type.
Each recipe links to a recipe card with a list of ingredients and instructions and can be saved (and deleted) from the favourites.
The app includes an option to create an account, login and logout.
The front-end project was created using:
- React;
- Redux Toolkit;
- CSS;
It also features the following libraries:
- Joi for validation;
- React Router Dom library for links and navigation;
- Toastify React to handle user notifications;
Logo and all images are designed with Canva.
Recipes are provided by the free version of the spoonacular API, which allows a limited number of API calls per day.
The back end was built using:
- Node.js
- Express.js
- An SQL database
Backend files are available in the backend repository.
npm run devopen http://localhost:3000 to view it in your browser.