Skip to content

nerty777/foody

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 

Repository files navigation

Available Scripts:
server - npm start;
client - npm run server and npm start;

Задание:

  • React, Redux.
  • Сделать шапку приложения состоящую из логотипа, списка навигации и меню пользователя с выпадающим меню.
  • Сделать таблицу истории заказов из файла order-history.json
  • Сделать сетку блюд из файла menu.json, добавить поиск по имени блюда.
  • Сделать формы логина и регистрации.
  • Сделать секцию комментариев к блюду. Список где выводятся комментарии и форма с textarea и select, в котором указан рейтинг от 0 до 10, и кнопкой для добавления комментария.
  • При рендере App, необходимо сделать запрос на бекенд и забрать список всех заказов, отрендерить его в таблице.
  • Добавьте в каждую строку таблицы кнопку Удалить, при клике на которую, происходит HTTP запрос на бекенд для удаления записи по id. После ответа удаляем на фронте.
  • Добавьте в каждую строку таблицы кнопку Детальнее, при клике на которую, идет HTTP- запрос на бекенд для получения записи по id. Результат овтета от бекенда отобразить в любом виде.
  • Когда идет запрос на одну запись по id, добавьте индикатор загрузки, который отображается пока идет запрос, после чего отображается модальное окно.
  • Модальное окно можно закрыть и продолжить работать с таблицей.
  • Добавьте форму для создания записи в истории. Дата используется на момент сабмита. Адрес доставки, цена и рейтинг вводятся в поля формы.
  • При сабмите формы идет POST запрос на бекенд с составленным объектом. Ждем ответа от бекенда и если все ок, добавлям в список истории на фронте.
  • Добавить авторизацию, используйте 2 сервера, один json-server для коллекции продуктов, второй для регистрации пользователя.