В праздничные дни с 29.12 по 08.01 техническая поддержка отдыхает, но на наиболее важные вопросы постараемся ответить. Счастливого Нового Года!
gitverse new year логотип

tech-internship-frontend

Форк
0

4 месяца назад
4 месяца назад
4 месяца назад
4 месяца назад
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

Описание

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

Языки

TypeScript

  • JavaScript
  • HTML
  • SCSS
Сообщить о нарушении

Использование cookies

Мы используем файлы cookie в соответствии с Политикой конфиденциальности и Политикой использования cookies.

Нажимая кнопку «Принимаю», Вы даете АО «СберТех» согласие на обработку Ваших персональных данных в целях совершенствования нашего веб-сайта и Сервиса GitVerse, а также повышения удобства их использования.

Запретить использование cookies Вы можете самостоятельно в настройках Вашего браузера.