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

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

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

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

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

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

Опубликованное приложение

Ссылка на сайт

Фронтенд приложения

Бэкенд приложения

Макет в Figma

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

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

Инструкция по сборке и запуску

Установка

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

git clone [email protected]:MaxRMNK/rosbank_hackaton_frontend.git
cd rosbank_hackaton_frontend

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

npm install

Запуск

Режим разработки

npm run dev

Сборка проекта

npm run build

Запуск проекта

npm run start
# or
npm start

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

Стэк технологий

• HTML5
• Sass / SCSS
• TypeScript v.5
• React v.18
• Next.js v.14

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

Ссылки на фреймворки, библиотеки, иконки и шрифты

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