This is a Next.js project bootstrapped with create-next-app.
To run the project:
npm i
npm run devImplemented 2 pages: overview with list of bidding zones and details page for each zone with chart data for electricity prices.
Direct request for Energy-charts API fails due to CORS issue, as workaround getting requests data on server through next route handler.
Overview page with search functionality implemented with server components
The details page contains 2 tabs: the first shows the data for every hour, and the second shows a bar chart with average price data within a day. Data can be filtered by selecting a date range. By default, data is shown for the current day.
Tech Stack:
- Next.js
- TS
- TailwindCSS
- React Query
- shadcn
- d3.js
- storybook