Проект "ALFA-9"

SPA от фронтенда 9 команды ХАКАТОН+ по задаче от Альфа-Банка

Общее описание задачи: Нужно создать сервис, в рамках которого для сотрудников можно будет составить ИПР (индивидуальные планы развития), просматривать его и валидировать выполнение целей.

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

Макет Figma

Ссылка на скриншоты и билд (Яндекс Диск)

Authors

• Кирилл Красноруцкий - Ответственный за координацию разработки и работу API. Сборка Webpack. Роутинг. Боковая навигация. Разработка страниц по путям: / , /employee/idp, /employee/competencies , /head/staff, /head/staff/:id
• Елизавета Ананьева-Рященко - Сформировала организацию и единый стиль именования фалов и папок внутри проекта. Header, Footer. Разработка страниц по путям: /employee/idp/form , /employee/idp/:id/tasks , /head/staff/:id/form, /head/staff/:id/:id/tasks
• Александр Огородников - Разработка 60 % компонентов UI kit, в том числе самые трудоёмкие. Разработка страниц по путям: /head/stats , /head/staff/:id/form

Installation

Для работы приложения необходимы версиии Node v20.10.0, npm v10.2.3

1. Скачать архив с ветки main, разархивировать

2. Перейти в разархивированную папку в терминале, установить зависимости командой

  npm ci

3. Собрать билд командой

  npm run build

4. Запустить билд командой

  npm run server

Tech Stack

Client:

Tools:

Materials

1. Libraries

• TypeScript 5.3.3
• React 18.2.0
• React-Router-Dom 6.21.2
• Redux/toolkit 2.0.1
• Axios 1.6.5
• SASS 1.69.7
• Primereact 10.3.3
• Uuid 9.0.1
• Alfalab

2. Fonts

• Roboto

3. SVG Все SVG взяты из макета Figma

SCSS

Все основные SCSS константы лежат по пути src/styles/const.scss.

• и являются цветовой палитрой приложения. Все цвета взяты из макета Figma UI kit.

Все основные миксины лежат по пути src/styles/mixins.scss.

• начинающиеся с text - различные шрифты на основе Figma UI kit
• начинающиеся с reset - обнуление стандартных стилей