Проект 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.
Для запуска проекта, пожалуйста, выполните следующие действия:
- Склонировать проект на ваш компьютер с Github с помощью команды:
git clone https://github.com/gazievri/food-shop.git
- Установить зависимости:
npm install
- Запустить проект:
npm start
Проект доступен по ссылке.
Исходный код проекта доступен по ссылке.
Спасибо большое Михаилу Непомнящему за его образовательный курс по React.