Skip to content

Weathersnap is a feature-rich weather application built using React. It's using React, Redux Toolkit, Chart.js, and Leaflet.js. With advanced UI features like Skeleton UI, auto-complete search, and recent search option, Weathersnap is the perfect way to stay up-to-date with the weather.

s-soumyakanta/weather-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

60 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Weathersnap - React Weather App

Weathersnap

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.

Features

  • 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

Technologies Used

  • 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

APIs Used

  • OpenWeather API: Provides accurate and up-to-date weather information

  • GeoDB API: Enables auto-complete search functionality for location suggestions

Getting Started

To get a local copy up and running, follow these steps:

  1. Clone the repository: git clone https://github.com/s-soumyakanta/weather-app.git

  2. Install the dependencies: npm install

  3. Create a .env file in the project root directory and add your API keys:

  4. Start the development server: npm start

  5. Open your browser and navigate to http://localhost:3000

Demo Screenshots

Web Screenshots

Light Mode

Weathersnap

Weathersnap

Weathersnap

Dark Mode

Weathersnap

Weathersnap

Weathersnap

Mobile Screenshots

Light Mode

Weathersnap

Weathersnap

Weathersnap

Dark Mode

Weathersnap

Weathersnap

Weathersnap

Weathersnap

Contributing

Contributions are welcome! If you'd like to contribute to Weathersnap, please follow these guidelines:

  1. Fork the repository

  2. Create a new branch: git checkout -b feature/your-feature-name

  3. Make your changes and commit them: git commit -m 'Add some feature'

  4. Push to the branch: git push origin feature/your-feature-name

  5. Open a pull request

License

This project is licensed under the MIT License.

Acknowledgements


About

Weathersnap is a feature-rich weather application built using React. It's using React, Redux Toolkit, Chart.js, and Leaflet.js. With advanced UI features like Skeleton UI, auto-complete search, and recent search option, Weathersnap is the perfect way to stay up-to-date with the weather.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published