Welcome to SoYummy! This project is a web application that provides users with a comprehensive database of recipes. Users can search for recipes by categories, add their own recipes, and manage their favorite recipes and shopping lists.
-
This is a recipe app, essentially your very own culinary book. You can add your recipes and save them for future use.
-
To begin utilizing the application, it is necessary to complete the registration and sign-in process. Once this is accomplished, you will be directed to the main page, which features a variety of popular categories and a search field for locating recipes.
-
You will not get lost in the application thanks to the main menu. After all, it intuitively tells you the next steps you need to take. The extensive list of recipes is sorted by category.
-
Detailed viewing of recipes allows you to see the necessary ingredients for their preparation. Which you can add to your shopping list, and remove at a later date.
-
Add your favorite recipes to your favorites and they will never get lost.
-
Do you love cooking? If so, share your recipes with us! There's a dedicated space in your profile just for that. And of course, don't forget to sign up to receive new recipes in no time.
-
Our community is always looking for fresh and exciting ideas to try in the kitchen, so don't hesitate to share your culinary creations with us.
-
Join us today and let's cook up something delicious together!
- Recipe Categories: Browse recipes organized into various categories such as Breakfast, Miscellaneous, Vegan, Dessert, etc.
- Search Functionality: Search for recipes using keywords.
- Add Recipes: Users can add their own recipes to the database.
- Favorites: Save favorite recipes for quick access.
- Shopping List: Manage shopping lists for ingredients.
- Responsive Design: The web app is fully responsive and works well on all devices.
- HTML5: For the structure of the web pages.
- CSS3, Styled-Components, MUI: For styling the web pages, including responsive design.
- JavaScript: For adding interactivity and functionality to the site.
- React: For building the user interface.
- Redux: For state management.
- Axios: For making HTTP requests.
- Formik: For forms management.
- YUP: For forms validation.
- Node.js: For backend development.
- Express.js: For creating RESTful APIs.
- MongoDB: For the database.
- Clone the repository:
git clone https://github.com/yourusername/soyummy.git
cd soyummy
- Install dependencies:
npm install
- Run the application:
npm start
- Build the application for production:
npm run build
| № | Auhors | Position | Direction |
|---|---|---|---|
| 1 | Anna Tsepilova | Team Lead | Front-end Developer |
| 2 | Oleksandr Soldatchenko | Scrum Master | Front-end Developer |
| 3 | Volodymyr Sagan (QNe) | Backend & Front-end Developer | |
| 4 | Oksana Hurduz | Front-end Developer | |
| 5 | Anna Pohorielova | Front-end Developer | |
| 6 | Oleksii Onufriienko | Backend & Front-end Developer | |
| 7 | Ruslan Tendora (TnRuslan) | Front-end Developer | |
| 8 | Kulik Viktor | Front-end Developer | |
| 9 | Denys Yefimov (EfirNet) | Backend & Front-end Developer | |
| 10 | Inna Konokh | Team Lead | Quality Assurance Engineer |
Contributions are welcome! If you would like to contribute to this project, please follow these steps:
- Fork the repository.
- Create a new branch:
git checkout -b my-feature-branch. - Make your changes and commit them:
git commit -m 'Add some feature'. - Push to the branch:
git push origin my-feature-branch. - Create a pull request.
- Thanks to the creators of the APIs used in this project.
- Special thanks to the team members who contributed to the development of this site.