1С:Фриланс
20.10
Cверстать приложение согласно макету используя React
https://freelance.habr.com/tasks/604531 Бюджет: 2 000 руб. за проект
Условие:
Задана ссылка на макет фигмы (Интернет-магазин):
https://www.figma.com/file/0pMguGfGcTgufmXlNJe5gO/IE-FE?type=design&node-id=0%3A1&mode=design&t=SVYvDXP7EzFIVWrg-1
Необходимо сверстать приложение согласно макету используя React.
В проекте должны использоваться библиотеки для реализации механизмов работы магазина:
React-router-dom React-hook-form Redux Redux-thunk
Основные технические требования:
Архитектура приложения (паттерн проектирования) должен соответствовать подходу, который обсуждался во время занятия (у каждого компонента своя папка (UI компоненты, pages компоненты, хранилище)). У каждого компонента должна быть модульная стилизация (и так же общая стилизация для всех компонентов). Имена компонентов должны полностью соответствовать их содержимому. В работе должно быть реализовано redux-хранилище с редьюсерами: Продукты, категории, продукт, корзина. Данные должны подтягивать асинхронно используя сетевые запросы, адресованные *бекенду. Для каждой страницы должен быть реализован _Page-компонент, формирующую специальную ссылку (path) для доступа (определяется самостоятельно).
Бэкенд:
Сетевые запросы должны быть адресованы локальному бэкенду, который будет доступен по ссылке:
Необходимо его скачать и выполнить установку node_modules, используя команду:
npm i
После установки для запуска выполните команду:
npm run dev
Далее инструкции находятся в файле README.MD
Критерии оценки:
Стилизация итогового проекта полностью удовлетворяет требования, указанных в макете. (макс. 20 баллов) В проекте соблюдается паттерн проектирования. Имена компонентов соответствуют их содержимому, присутствует модульная стилизация, верным образом сформирована архитектура хранилища. (макс. баллов 30) В работе используется хранилище Redux. Осуществляются сетевые запросы к бекенду. Хранилище верным образом работает с стейтом (фильтрация товаров, сортировка, заполнение) (макс. баллов 50)
еще контент в этом сообществе
еще контент в этом соообществе
1С:Фриланс
20.10
войдите, чтобы увидеть
и подписаться на интересных профи