random recipes

Случайный генератор рецептов

Это упражнение с приложением React для покрытия двух целей обучения:

• Получить и отображать информацию из внешнего источника данных с помощью React
• Используйте React Hooks, где это необходимо для управления состоянием и жизненным циклом

Описание

Это приложение будет отображать ряд случайных рецептов для пользователя, используя Spoonacular API

Технологии

• Реагировать (JavaScript)

Этот проект был загружен с приложением Create React.

Начиная

Чтобы начать, клонируйте этот каталог и установите пряжу, если у вас его еще нет.

В каталоге проекта вы можете запустить:

yarn install

Настройка вашей среды для запуска приложения, установка любых необходимых зависимостей

yarn start

Запускает приложение в режиме разработки.
Откройте http: // localhost: 3000, чтобы просмотреть его в браузере.

Страница будет перезагружаться, если вы сделаете изменения.
Вы также увидите любые ошибки ворса в консоли.

Планирование

Функциональность

• Отображать 1 случайный рецепт пользователю
• Рецепт включает в себя: заголовок, изображение, время подготовки, кредиты, резюме, кухни
• Пользователь может нажать на ссылку, чтобы просмотреть рецепт в новом окне
• Пользователь может нажать, чтобы увидеть другой рецепт
• Бонус: пользователь может изменить количество рецептов, которые они хотят видеть
• Бонус: нет рецептов, видимых до тех пор, пока пользователь не нажимает кнопку сначала