Проект "HRSpace-1"

SPA от фронтенда 1 команды ХАКАТОН+ по задаче от HR Space

Общее описание задачи: Нужно создать билдер на замену существующему.

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

Макет Figma

Ссылка на билд (Яндекс Диск)

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

Authors

• Елизавета - Организация и единый стиль именования папок/фалов внутри проекта. Сборка Webpack. Разработка компонентов UI kit. Верстка и разработка функционала всех шагов в билдере.
• Тимофей - Ответственный за работу API. Роутинг. Работа с Redux. Разработка первых двух шагов в билдере.

Installation

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

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

  npm ci

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

  npm run build

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

  npm run server

Tech Stack

Client:

Tools:

Materials

1. Libraries

• TypeScript
• React
• React-Router-Dom
• Redux/toolkit
• SASS

2. Fonts

• Использовался встроенный шрифт Arial

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

SCSS

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

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

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

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