tech-internship-frontend
Тестовое задание для стажёра Frontend разработчика в Авито
Суть задания
Разработать личный кабинет продавца на маркетплейсе, в котором есть возможность управлять своими объявлениями и заказами.
Запуск
- Склонировать ветку master;
;touch .env.development.local .env.production.local- Установить переменные окружения в созданные файлы из .env.example (указаны под комментарием);
- Без докера:
(установка зависимостей);npm i
(запуск сервера);npm run server-
(разработка, 5173 порт).npm run dev
(продакшн, 80 порт).npm run start
5 С докером:
.docker-compose up
Использованные технологии
- React + React-router-dom;
- TypeScript;
- Redux Toolkit + RTK Query;
- React-hook-form + zod;
- Eslint + Prettier;
- Husky + Lint-staged;
- Docker + Docker-compose;
- Ant Design + SCSS modules;
- FSD архитектура;
- Storybook.
Страницы
- /advertisements - мои объявления;
- /advertisements/:advertisementId - объявление;
- /orders - мои заказы.
Дополнительно
Для просмотра реализованных компонентов необходимо использовать команду
. В результате на 6006 порту откроется Storybook
Описание
Тестовое задание на стажировку в AvitoTech по направлению "Frontend разработчик"
Языки
TypeScript
- JavaScript
- HTML
- SCSS