Weather Final Project

Overview

The Dashboard Project is an innovative application developed during Semester 2 at Humber College, focusing on the integration of technology and design principles learned throughout the coursework. Leveraging the QuickChart API, the application dynamically displays a temperature line chart that features unique point images. This project serves as a practical demonstration of skills in React.js, UI/UX design, and effective API integration.

Through the implementation of responsive design and user-friendly features, this dashboard application aims to make data visualization accessible and engaging. It encapsulates the collaborative efforts of the team members, showcasing their collective expertise and creativity in web development.

Features

• Temperature Over Time Chart: Displays a visually appealing line chart illustrating temperature data sourced from the QuickChart API, complete with custom images at specific data points.

• Responsive Design: Ensures a seamless user experience across various screen sizes, making the dashboard accessible on desktops, tablets, and mobile devices.

• User Authentication: Features basic sign-up and log-in buttons designed for demo purposes, offering insight into potential future functionalities.

• Technologies Used:

  • React.js: The core JavaScript library that forms the foundation of the user interface, enabling dynamic updates and interactivity.
  • Tailwind CSS: A powerful utility-first CSS framework that simplifies the process of creating responsive and aesthetically pleasing designs.
  • Recharts: An open-source library facilitating the generation of various chart types, including the core temperature line chart with its customizable attributes.

This project combines artistry and technology, making it an exciting example of what can be accomplished with the right tools and team collaboration.