/alfabank-mvp

Интерфейс приложения для использования индивидуального плана развития

Primary LanguageTypeScript

🏆Хакатон. ИПР для Альфа-Банк

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

Команда фронтенда

💼Задачи:

  • Верстка интерфейса для руководителя и сотрудника по макету из Figma, сделанного нашими дизайнерами, используя дизайн-систему Альфа-Банк.
  • Интеграция с бэкендом.
  • Реализация функциональности создания и редактирования задач, комментариев, целей ИПР.

Note

Для переключения между ролями руководитель/сотрудник на демо - нажать на иконку с аватаром пользователя сверху. Функционал на вкладке моя команда - развитие

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

TypeScriptreactsasssassRedux

React_RouterHTML5CSS3dockerReact_Router

Verceleslintprettier

🖥 Демо

https://alfa-eight.vercel.app/ https://skrinshoter.ru/vOBv2H6zZ5P?a

🚀Установка и запуск проекта:

  1. Клонировать репозиторий:
git clone git@github.com:Alfa-PDP/frontend.git
  1. Установить зависимости:
npm ci
  1. Запускаем скрипт сборки приложения
npm run build
  1. Запускаем приложение на локальном сервере в прод-режиме
npm run preview

Либо в дев-режиме, без сборки

npm run dev