Skip to content

Latest commit

 

History

History
30 lines (23 loc) · 1.95 KB

README-RU.md

File metadata and controls

30 lines (23 loc) · 1.95 KB

Interactive Chart

Этот проект — тестовое задание для вакансии «Frontend Developer» компании Codify Software.

Функциональность

Проект является одностраничным сайтом с интерактивной диаграммой, которая отображает загружаемые данные.

Особенности

У проекта есть несколько особенностей:

  1. Проект написан на TypeScript, также добавлены комментарии JSDoc.
  2. У сайта есть не только десктопная, но и мобильная версия.
  3. Вместо библиотеки Redux использован useReduce.
  4. Есть анимация столбцов диаграммы и выпадающего списка.

Технологический стек

React CSS Modules TypeScript Next Turbopack

Ссылки

Опубликованый сайт: https://interactive-chart-lilac.vercel.app/
Макет: https://www.figma.com/file/ct6rzbxMtNxSYp4eTXEWv6/Frontend-test?type=design&node-id=0-1&mode=design&t=i9sNcEw7V0NMRwUE-0

Использование

Чтобы склонировать проект, надо открыть нужную директорию и использовать команды:
HTTPS: git clone https://github.com/Vasily257/interactive-chart.git
SSH: git@github.com:Vasily257/interactive-chart.git

Чтобы запустить проект, нужно открыть папку с проектом через терминал и использовать команду npm run dev.
Потом надо перейти по ссылке http://localhost:3000 в браузере, чтобы увидеть результат.

Статус

Проект завершен, нет планов по доработке.