Реагировать электронную коммерцию jobsimulator.dev
Это простой сайт электронной коммерции, сделанный с React и Tailwindcss. Ваша задача - исправить 8 вопросов:
- Сортировать продукты по цене и дате выпуска
- Настойчивость телеги на обновлении
- Добавить функциональность фильтров продукта
- Вывод продукта вызывает бесконечную петлю
- Нужно отображать «пустую корзину», когда корзина пуста на странице корзины
- Обновить корзину в Nav с размером тележки
- Телега не закрывается, когда пользователь нажимает Grey Region
- Subtotal не реализован на странице корзины
Цели обучения
Вы будете практиковать и получить опыт работы с:
- Стилирование веб -приложений с TailWindcsss
- Использование React Hooks (Usestate, использованиеэффект)
- Манипулирование, агрегирование, сортировка и отображение данных
- Работа со таблицами в React
- Внедрение корзины для покупок
- Работа с местным хранилищем
- Форматирование валюты
- Получение данных из API
Как начать работать
- Вилка этого репо и клонировать его на локальном уровне.
- Установите зависимости, запустив
npm i - Запустите приложение локально, запустив
npm run dev:frontend , чтобы запустить Frontend, и npm run dev:backend , чтобы запустить бэкэнд. - Посетите http: // localhost: 3000, чтобы увидеть сайт.
- Исправьте все проблемы (подсказки предоставляются как комментарии TODO в коде)
- Как только все ваши решения будут завершены, создайте один запрос на притяжение в этот репозиторий
- Проверьте, проходят ли ваши решения наши автоматические тесты.
Нужна помощь?
Лучший способ попросить о помощи - спросить наше сообщество Discord.
Нажмите здесь, чтобы присоединиться к JobsImulator.dev Discord.
Хотите больше проблем?
Просмотрите наш список проблем и присоединяйтесь к нашему разногласию, чтобы получить уведомление, когда будут выпущены новые проблемы.
