ia-stepanov / react-food

Фронтенд проекта «React Food» — это интерактивная SPA-страница, на которой пользователи могут искать блюда по категориям и смотреть рецепты. Stack: JavaScript, Rest API, React.js, JSX, Materialize (аналог Bootstrap).

React Food

Учебный проект из курса React с нуля для начинающих

Автор курса: Михаил Непомнящий

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

React Food — это интерактивная SPA-страница, на которой пользователи могут искать блюда по категориям и смотреть рецепты.

Функционал:

• Отрисовка полученных блюд;
• Поиск блюд по категориям;
• Обработка ошибок;
• Адаптивный интерфейс.

Стек технологий:

• HTML5 & CSS3:
  • Materialize (аналог Bootstrap);
  • Adaptive UI;
• JavaScript:
  • Стиль CamelCase;
  • Промисы (Promise);
  • Асинхронность и оптимизация;
  • Rest API;
• React JS:
  • Create React App;
  • Портирование разметки в JSX;
  • Функциональные компоненты.

Установка и запуск приложения:

Клонировать репозиторий:

git clone https://github.com/ia-stepanov/react-food.git

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

npm install

Запустить приложение:

npm run start

Языки:

• JavaScript

Библиотеки:

• ReactJS

Скриншот:

Развернуть

Ссылка на сайт:

https://ia-stepanov.github.io/react-food/