frontend implementation

Front End implementation

##Front End URL : https://seahorse-app-ldr6j.ondigitalocean.app/

Overview

Weather Dashboard is a React application that provides weather data information. Users can view summaries and various weather conditions

Features

• Dynamic Data Visualization: Displays weather KPIs dynamically based on user-selected event types and time ranges.
• Custom Date Range Selection: Allows users to input custom date ranges for fetching weather data.
• Responsive Design: Adapts to different screen sizes for accessibility on any device.
• Material UI Integration: Utilizes Material UI components for a modern and user-friendly interface.

Technologies

• React
• TypeScript
• Material UI
• Axios
• Zustand for state management

Getting Started

Clone the repository:

   git clone https://github.com/your-username/weather-dashboard.git

Run the application

   npm install
   npm run start

Known Issues

• CORS issue: When making requests from the frontend, a CORS policy error may occur. Ensure the backend server is configured to handle CORS appropriately.

Potential Plans

• User Authentication: Implement user login functionality for personalized dashboards.
• Expanded KPIs: Add more key performance indicators to provide broader insights into weather patterns.
• Data Export: Allow users to export data reports in various formats (CSV, PDF, etc.).