Advanced ML-Enhanced WeatherApp

Author: Madhav Ahuja

Project Overview

Advanced ML-Integrated Weather Application This project combines a sleek, modern front end with powerful machine learning predictions to create an interactive, data-driven weather application.

Site is live here

Advanced ML-Enhanced WeatherApp

Features

• Developed the front end with React.js, utilizing Tailwind CSS for a modern and visually appealing theme.
• Implemented routing using React Router DOM, facilitating smooth navigation throughout the application.
• Worked with APIs for both the ML part and the normal web page functionality.
• Managed state across all components using Redux Toolkit with slices, ensuring consistency throughout the app.
• Used Leaflet.js for a dynamic map that updates in real time, connected with the application state.
• Integrated the SVM machine learning model, specifically Support Vector Regressor (SVR), to predict temperature and rainfall for the next day.
• Incorporated ML capabilities with a Flask API, which connects to the app and displays predictions on the Prediction tab.

Installation and Setup

To clone and run this Vite-React application on your system, follow these steps:

1. Clone the Repository:

   git clone https://github.com/Madhav64OP/Advanced-ML-Enhanced-WeatherApp.git

2. Navigate to the Project Directory:

   cd Advanced-ML-Enhanced-WeatherApp

3. Install Dependencies:

   npm install

4. Start the Application:

   npm run dev