Exercising TypeScript, ReactJS and styled components with a simple recipe manager application.
In the application, you can create your collection of recipes in a simple and easy to understand way.
- create recipes - each one has a photo, title, ingredients' list, preparation details, necessary equipment and other details for a better understanding of its complexity and sizing;
- search recipes based on title or ingredients;
- filter them by cooking time, wanted or disliked ingredients, course meal, number of ingredients and/or degree of difficulty;
- adapt the ingredient quantities based on the desired number of servings;
- edit or remove existing recipes, if necessary.
See the application framework.
- Node.js
- npm
- Node.js
- npm
- MongoDB
git clone [email protected]:magdaavram/toeat.git
cd toeat/client
npm installnpm startnpm run prettier
npm testnpm buildIf you want to contact me, you can reach me at [email protected].
Favicon by Valeriy from the Noun Project.
Add and delete icons by scott desmond from the Noun Project.
Edit icon by Vincencio from the Noun Project.
Search icon by Kmg Design from the Noun Project.
Clock icon by Flatart from the Noun Project.
Stars icon by Three Six Five from the Noun Project.
Filter icon by Muhammad Tajudin from the Noun Project.
Dinner icon by Adrien Coquet from the Noun Project.
Snack icon by Jessica Lock from the Noun Project.
Breakfast icon by Stan Diers from the Noun Project.
Brunch icon by Konrad Michalik from the Noun Project.
Lunch icon by K from the Noun Project.
This project was bootstrapped with Create React App.
Developed with WebStorm
