This project is a test task for the «Front-end Developer» position at Codify Software.
The project is a one-page website with an interactive chart that displays the uploaded data.
The project has several features:
- The project is written in TypeScript, JSDoc comments are also added.
- The site has not only a desktop, but also a mobile version.
useReduce
is used instead of theRedux
library.- There is an animation of the chart columns and a select list.
React
CSS Modules
TypeScript
Next
Turbopack
Site: https://interactive-chart-lilac.vercel.app/
Layout: https://www.figma.com/file/ct6rzbxMtNxSYp4eTXEWv6/Frontend-test?type=design&node-id=0-1&mode=design&t=i9sNcEw7V0NMRwUE-0
To clone a project, you need to open desired directory and use the command:
HTTPS: git clone https://github.com/Vasily257/interactive-chart.git
SSH: git@github.com:Vasily257/interactive-chart.git
To start a project, you need to open the project folder in the terminal and use the command npm run dev
.
Then you need to open the link http://localhost:3000 in the browser to see the result.
The project is closed, there are no plans for completion.