Skip to content

A modern, responsive weather app that provides real-time weather updates, a 5-day forecast, and auto-location detection.

License

Notifications You must be signed in to change notification settings

cromaguy/Project-Feel

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 

Repository files navigation

🌦️ Project Feel - Weather App

A modern, responsive weather application providing real-time updates with a sleek interface.

Version Live Demo License PRs Welcome Made for

separator

✨ Features

  • Real-time Weather Data - Get up-to-date weather information for any location
  • 5-Day Forecast - Plan ahead with a comprehensive 5-day weather outlook
  • Geolocation Support - Automatically detect your location for instant local weather
  • Dark/Light Mode - Toggle between theme options for comfortable viewing
  • Temperature Units - Switch between Celsius and Fahrenheit with a single click
  • Responsive Design - Perfectly optimized for all device sizes
  • Search History - Quickly access your recently searched locations
  • Detailed Metrics - View humidity, wind speed, pressure, and feels-like temperature
  • Sunrise & Sunset Times - Track daylight hours for your location

separator

🚀 Tech Stack

HTML5 CSS3 JavaScript

  • Frontend: HTML5, CSS3, JavaScript (ES6+)
  • APIs: OpenWeatherMap API, Geolocation API
  • Deployment: Vercel
  • Storage: Local Storage for theme preferences and search history

separator

📱 Usage Guide

  1. Search for a location - Enter a city name in the search bar
  2. Use your current location - Click the "Use My Location" button
  3. View weather details - See current conditions and additional metrics
  4. Check the forecast - Scroll through the 5-day forecast
  5. Toggle units - Switch between °C and °F using the unit toggle
  6. Change theme - Toggle between light and dark mode
  7. Access search history - Click on any previous search to quickly view that location

separator

🛠️ Key Components

  • Responsive Design: Adapts to all screen sizes for optimal viewing
  • Theme Toggle: Seamlessly switch between light and dark modes
  • Unit Converter: Easily change between metric and imperial units
  • Search History: Quick access to previously searched locations
  • Loading Animations: Smooth loading indicators for better UX
  • Custom Alerts: User-friendly error messages and notifications

separator

🔍 Project Structure

project-feel/
│
├── index.html          # Main HTML structure
├── style.css           # Styling and animations
├── script.js           # Core functionality and API interactions
└── README.md           # Project documentation

separator

🌱 Future Enhancements

  • Air quality index integration
  • Weather alerts and notifications
  • Historical weather data visualization
  • Multiple locations dashboard
  • Weather maps for precipitation and temperature
  • Weekly and monthly weather trends

separator

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

separator

👨‍💻 Author

Anjishnu Nandi

separator

🙏 Acknowledgements


If you found this project helpful, please consider giving it a star!

View Demo

About

A modern, responsive weather app that provides real-time weather updates, a 5-day forecast, and auto-location detection.

Resources

License

Stars

Watchers

Forks