Skip to content

๐ŸŒค๏ธ Fun weather forecast web app with engaging UI | JavaScript, CSS, HTML | Real-time weather data

License

Notifications You must be signed in to change notification settings

Mohan-duhan/GiggleCast-Fun-with-Forecasts

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

8 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐ŸŒฆ๏ธ GiggleCast - Fun with Forecasts ๐ŸŒˆ

GiggleCast is a fun and interactive weather forecasting application built with React. It offers real-time weather updates and forecasts with an engaging user interface.

Features โœจ

  • ๐ŸŒก๏ธ Real-time weather updates
  • ๐Ÿ“… 5-day weather forecast
  • ๐Ÿ” City search functionality
  • ๐Ÿ“ฑ Responsive design
  • ๐ŸŽ‰ Fun animations

Installation ๐Ÿ’ป

  1. Clone the repository:
      git clone https://github.com/Mohan-duhan/GiggleCast-Fun-with-Forecasts.git
      cd GiggleCast-Fun-with-Forecasts
    
  2. Install dependencies:
      npm install
    
  3. Get your API key from OpenWeatherMap and create a.env file:
     REACT_APP_WEATHER_API_KEY=your_api_key_here
    
  4. Start the development server:
     npm start
    
  5. Usage ๐Ÿš€ Enter a city name in the search bar to get current weather and a 5-day forecast.

Technologies Used ๐Ÿ› ๏ธ

โš›๏ธ React

๐Ÿ“ก Axios

๐ŸŒ OpenWeatherMap API

๐ŸŽจ CSS Modules

Contributing ๐Ÿค

Contributions are welcome! Feel free to open an issue or submit a pull request.

Outputs

Screenshot 1 Screenshot 2 Screenshot 3 Screenshot 4

About

๐ŸŒค๏ธ Fun weather forecast web app with engaging UI | JavaScript, CSS, HTML | Real-time weather data

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published