Indoor Climate Dashboard Assignment

Create an Indoor Climate Dashboard using the data provided at https://api.mighty.se/dashboard.

Requirements

• Display Key Values: Show indoor temperature, humidity, and CO2 levels with their respective units.
• Display a Chart: Use a line chart to visualize the avarage indoor and outdoor temperature trends over the past 7 months.
• Display a Sensor Table: Include sensor status, ID, address, placement, humidity, and temperature.

Technical Requirements

• Use React with TypeScript.
• Use Chart.js for creating the chart.
• Use Tailwind CSS for styling.
• Use Tanstack Query for fetching data from the API.

Evaluation Criteria

• Code Quality: Proper use of TypeScript types, clean and reusable code, and adherence to best practices.
• Functionality: The dashboard should fetch and display all required data correctly, render the chart accurately, and populate the table from the API data.
• Design: The application should have a user-friendly design.

Feel free to add any additional features or improvements you think would enhance the dashboard. Creativity and initiative are always welcome!