tech-internship-frontend

0

Описание

Тестовое задание на стажировку в AvitoTech по направлению "Frontend разработчик"

Языки

  • TypeScript95,7%
  • SCSS2,9%
  • JavaScript1,1%
  • HTML0,3%
месяц назад
месяц назад
2 года назад
2 года назад
месяц назад
README.md

Тестовое задание для стажёра Frontend разработчика в Авито

Суть задания

Разработать личный кабинет продавца на маркетплейсе, в котором есть возможность управлять своими объявлениями и заказами.

Запуск

  1. Склонировать ветку master;
  2. touch .env.development.local .env.production.local
    ;
  3. Установить переменные окружения в созданные файлы из .env.example (указаны под комментарием);
  4. Без докера:
  • npm i
    (установка зависимостей);
  • npm run server
    (запуск сервера);
    • npm run dev
      (разработка, 5173 порт).
    • npm run start
      (продакшн, 80 порт).

5 С докером:

  • docker-compose up
    .

Использованные технологии

  1. React + React-router-dom;
  2. TypeScript;
  3. Redux Toolkit + RTK Query;
  4. React-hook-form + zod;
  5. Eslint + Prettier;
  6. Husky + Lint-staged;
  7. Docker + Docker-compose;
  8. Ant Design + SCSS modules;
  9. FSD архитектура;
  10. Storybook.

Страницы

  1. /advertisements - мои объявления;
  2. /advertisements/:advertisementId - объявление;
  3. /orders - мои заказы.

Дополнительно

Для просмотра реализованных компонентов необходимо использовать команду

npm run sb
. В результате на 6006 порту откроется Storybook