Этот проект — тестовое задание для вакансии «Frontend Developer» компании Codify Software.
Проект является одностраничным сайтом с интерактивной диаграммой, которая отображает загружаемые данные.
У проекта есть несколько особенностей:
- Проект написан на TypeScript, также добавлены комментарии JSDoc.
- У сайта есть не только десктопная, но и мобильная версия.
- Вместо библиотеки
Redux
использованuseReduce
. - Есть анимация столбцов диаграммы и выпадающего списка.
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 в браузере, чтобы увидеть результат.
Проект завершен, нет планов по доработке.