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 для коллекции продуктов, второй для регистрации пользователя.