Weathersnap is a fully-featured weather application built with React, Redux Toolkit, and Chart.js. It allows users to check the current weather and forecast for any location worldwide. The app provides an interactive map view using Leaflet.js, auto-complete search functionality powered by GeoDB API, and advanced UI elements.
-
Real-time weather data and forecasts
-
Interactive map view to visualize weather patterns
-
Auto-complete search with location suggestions
-
Advanced UI elements for a seamless user experience
-
React: JavaScript library for building user interfaces
-
Redux Toolkit: State management solution for React applications
-
Chart.js: Library for data visualization
-
Leaflet.js: Open-source library for interactive maps
-
OpenWeather API: Provides accurate and up-to-date weather information
-
GeoDB API: Enables auto-complete search functionality for location suggestions
To get a local copy up and running, follow these steps:
-
Clone the repository:
git clone https://github.com/s-soumyakanta/weather-app.git
-
Install the dependencies:
npm install
-
Create a
.env
file in the project root directory and add your API keys: -
Start the development server:
npm start
-
Open your browser and navigate to
http://localhost:3000
Contributions are welcome! If you'd like to contribute to Weathersnap, please follow these guidelines:
-
Fork the repository
-
Create a new branch:
git checkout -b feature/your-feature-name
-
Make your changes and commit them:
git commit -m 'Add some feature'
-
Push to the branch:
git push origin feature/your-feature-name
-
Open a pull request
This project is licensed under the MIT License.