Skip to content

Single page web application that fetches the weather of a location the user searched for.

Notifications You must be signed in to change notification settings

trevinshu/react-weather-app

Repository files navigation

React Weather Application

Single page web application that fetches the weather of a location the user searched for.

Live Demo

https://react-weather-app-trevinshu.vercel.app/

Project Screenshot

Project Screenshot

Local Usage

  1. Register for an AccuWeather account on https://developer.accuweather.com/ and get a free API key.

  2. Download or Clone this Repo.

  3. Create a dotenv file (.env) in the root of the application and enter the api key you got in step one in the dotenv file like this:

    VITE_API_KEY=yourapikey
  4. Open the terminal in your editor of choice and install all the required packaged like this:

    npm install
  5. Run the application from the command line.

    npm run dev
  6. Control + Click or Command + Click the URL displayed in the terminal to open the application in your web browser.

Tools, Frameworks, Libraries & Languages Used

  1. React
  2. Tailwind CSS
  3. Vite
  4. React Router
  5. React Toastify
  6. React Icons
  7. React Spinners
  8. Framer Motion

Author

Trevin Shu

About

Single page web application that fetches the weather of a location the user searched for.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages