This is a Next.js project bootstrapped with create-next-app.

Getting Started

To run the project:

npm i
npm run dev

Implemented 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