Frontend для ХАКАТОН+ Росбанк

Дашборд аналитики по навыкам в команде, который позволит руководителю увидеть состояние навыков в команде и поможет в ее развитии.

Даты проведения: 4 сентября - 16 октября 2024 года

Организатор: АНО ДПО «Образовательные технологии Яндекса»

Соорганизатор: ПАО РОСБАНК

Подробная информация о хакатоне

Ссылки

Демо-версия приложения

Макет в Figma

Репозиторий фронтенд

Репозиторий бэкенд

Команда #6. Состав

• Никита - Product-менеджер
• Борис - DA (аналитик данных)
• Дмитрий - SA (системный аналитик)
• Басанг - BA (бизнес-аналитик)
• Анна - Дизайнер
• Мария - Дизайнер
• Макс - Frontend-разработчик
• Адель - Backend-разработчик
• Сергей - Backend-разработчик

Начало работы

Установка

Клонировать проект и перейти в каталог /rosbank_hackaton_frontend

git clone git@github.com:MaxRMNK/rosbank_hackaton_frontend.git
cd rosbank_hackaton_frontend

Установить проект и его зависимости

npm install

Запуск в режиме разработки

npm run dev

Открыть http://localhost:3000 в браузере, чтобы увидеть результат.

Ctrl + C - выход из режима разработки.

Сборка и запуск готового проекта

• Сборка проекта. После выполнения команды в директории /dist генерируется оптимизированный проект.

  npm run build

• Запуск собранного проекта.

  npm run start
  # or
  npm start

  Открыть http://localhost:3000 в браузере, чтобы увидеть результат.

  Ctrl + C - остановка локального сервера.

Технологии

• class.js - наследование классов
• Classnames - динамическое управление классами
• ESLint — линтер, поиск проблемных паттернов проектирования и кода
• Prettier — форматирование кода
• Husky - проверка кода и исправление ошибок

Структура веб-приложения основана на архитектурном подходе Feature-Sliced Design (FSD), который направлен на облегчение сопровождения приложения, его тестирования и масштабирования.