It is a site with a lot of recipes that will help you save time and money, change your role to a chef and learn how to cook your favorite dishes.
This project was created using Create React App.
- HTML/CSS
- React
- Redux Toolkit
- Axios
- Formik
- Yup
- Toastify
- Styled Components
- MUI
- Emotion
- Authorization/Login allows users to create their own account on the site and log in to access various features, such as saving favorite recipes or adding new dishes to the site. In addition, an authorized user can participate in commenting on recipes and discussing new dishes.
- Main page contains the most popular dishes, as well as the possibility of searching by categories, ingredients and names of dishes.
- Header - it is the main menu and it contains the main navigation items, such as "Recipes", "Categories", "Favorites", "Add a recipe" and "About us".
- The main functionality is the search and viewing of recipes. This site has the function of saving favorite recipes and the ability to add new recipes to the site.
- Footer of the site contains additional links to social networks, information about developers, contact information and other additional resources.
- Clone the repository:
git clone https://github.com/Samusev-Anton/so-yummy
- Make sure you have an LTS version of Node.js installed on your computer. Download and install if needed.
- Install the project's base dependencies with the
npm install
command. - Start development mode by running the
npm start
command. - Go to http://localhost:3000 in your browser. This page will automatically reload after saving changes to the project files.