https://github.com/vasily257/interactive-chart
The single-page website with an interactive chart that displays the uploaded data.
https://github.com/vasily257/interactive-chart
css-modules javascript nextjs react reactjs turbopack typescript
Last synced: about 1 month ago
JSON representation
The single-page website with an interactive chart that displays the uploaded data.
- Host: GitHub
- URL: https://github.com/vasily257/interactive-chart
- Owner: Vasily257
- Created: 2023-10-23T11:45:26.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2023-10-25T12:58:09.000Z (over 1 year ago)
- Last Synced: 2025-01-29T00:51:33.656Z (3 months ago)
- Topics: css-modules, javascript, nextjs, react, reactjs, turbopack, typescript
- Language: TypeScript
- Homepage: https://interactive-chart-lilac.vercel.app
- Size: 156 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README-RU.md
Awesome Lists containing this project
README
# Interactive Chart
Этот проект — тестовое задание для вакансии «Frontend Developer» компании [Codify Software](https://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**: `[email protected]:Vasily257/interactive-chart.git`
Чтобы запустить проект, нужно открыть папку с проектом через терминал и использовать команду `npm run dev`.
Потом надо перейти по ссылке http://localhost:3000 в браузере, чтобы увидеть результат.
## Статус
Проект завершен, нет планов по доработке.