🍕 Your Recipes

Проект Your Recipes представляет SPA, которое содержит в себе базу данных с рецептами. Проект выполнен с помощью функциональных элементов React и React Routes. Проект выполнен в рамках прохождения авторского образовательного курса Михаила Непомнящего React для начинающих с нуля.

Описание проекта

Проект обладает следующим функционалом:

• отображает список категорий блюд на главной странице с использованием The Meal DB API;
• позволяет осуществлять поиск по категориям блюд с сохраненеим route;
• позволяет просматривать категории блюд;
• позволяет просматривать рецепт выбранного блюда;
• есть возможность возврата назад.

С функционалом проекта можно ознакомиться в видео ниже:

Recipes.mov

Технологический стек и ресурсы

При работе над проектом использовались следующие технологии и ресурсы:

• React.js;
• REST API;
• хуки (useState, useEffect, useLocation, useNavigation, useParams);
• библиотека css-компонентов Materialize;
• открытая The Meal DB API.

Работа с проектом

Для запуска проекта, пожалуйста, выполните следующие действия:

1. Склонировать проект на ваш компьютер с Github с помощью команды:

git clone https://github.com/gazievri/food-shop.git

2. Установить зависимости:

npm install

3. Запустить проект:

npm start

Ссылки на проект

Проект доступен по ссылке.

Исходный код проекта доступен по ссылке.

Благодарность

Спасибо большое Михаилу Непомнящему за его образовательный курс по React.