Skip to content

This is a basic weather web application that shows you the weather for the current week in any desired city in the world with a list of events that are happening in that city.

Notifications You must be signed in to change notification settings

lunargravity/weather-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

48 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Weather Application

Description

This is a basic weather web application that shows you the weather for the current week in any desired city in the world with a list of events that are happening in that city. The weather information is powered by both OpenWeather API and OpenCage Geocoding API. Events list is generated by Ticketmaster API. Users can also store their favorite cities with a click of a button.

This app is deployed and hosted on GitHub Pages. Click this link for the live demo.

Features

global search bar local time display seven day weather forecast weather details widget dual temperature toggle area events via ticketmaster favorite cities storage

Installation

Clone the repository:

git clone https://github.com/lunargravity/weather-app.git
cd weather-app

Install dependencies:

npm install

Start development server:

npm start

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

Dependencies

  • react: ^18.3.1
  • react-dom: ^18.3.1
  • react-scripts: 5.0.1
  • font-awesome: ^4.7.0

Dev Dependencies

  • eslint-config-react-app: ^7.0.1
  • gh-pages: ^6.1.1

API Troubleshooting

  • Correct City Name: Ensure the city name is spelled correctly. An incorrect city name will automatically set the location to Needmore, Texas, USA. If there is an error when fetching the city, the location will be set to Nowhere, Oklahoma, USA. (I hope that you think that's funny).
  • API Rate Limits: Due to the limited number of requests allowed with the free trial API key, you may encounter restrictions after a certain number of requests. To avoid this, you can sign up for your own API key and replace the existing one in the code.

About

This is a basic weather web application that shows you the weather for the current week in any desired city in the world with a list of events that are happening in that city.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published