Meals App

Описание

Задача: создать React-приложение для просмотра рецептов кулинарных блюд с возможностью поиска блюда по названию, первой букве и ингредиентам.

Решение

Используя библиотеку react-router-dom я создал маршрутизацию, в которую включил 5 страниц: главную(с рандомными блюдами), страницу блюд по названию, по первой букве, по ингредиентам, а также страницу отдельного блюда. После этого я наполнил их соответствующим контентом, заранее подготовив списки блюд и ингредиентов. В проекте я также использовал стейт-менеджер Redux и сборщик Vite.

Результат

В результате получилось крутое веб-приложение на React.js, в котором собраны десятки различных блюд, которые пользователь может фильтровать по названию, первой букве и отдельным ингредиентам.

Ссылки на примеры реализации

 cheradam13.github.io/Meals-App/

Презентация проекта