Skip to content

A simple responsive weather app made with React and TypeScript

License

Notifications You must be signed in to change notification settings

Virkkunen/weather

Folders and files

NameName
Last commit message
Last commit date

Latest commit

8083e37 · Jul 4, 2023

History

99 Commits
Mar 30, 2023
Mar 30, 2023
Apr 3, 2023
Mar 28, 2023
Mar 28, 2023
Apr 4, 2023
Apr 4, 2023
Jul 4, 2023
Apr 4, 2023
Mar 28, 2023
Mar 29, 2023
Mar 28, 2023
Mar 28, 2023
Apr 17, 2023

Repository files navigation

Weather

A simple responsive weather app made with React and TypeScript, generated using Vite. All weather data provided by Weather API.

GitHub Package.json Version Github License
GitHub Issues GitHub Pull Requests

Features

  • Current weather
  • 3 day forecast
  • Automatically sets your location (if consented)
  • Search for cities around the world
  • Metric and Imperial units
  • Able to provide your own Weather API key
  • Responsive layout

Screenshots

desktop mobile

Demo

Weather

Run Locally

  • Clone the project
  git clone https://github.com/Virkkunen/weather.git
  • Go to the project directory
  cd weather
  • Install dependencies
  npm i
  • Create the .env file on the root of the project and add your Weather API key
VITE_WEATHER_API_KEY=YOUR_API_KEY_HERE
  • Start the server
  npm run dev
  • The server will be running locally on localhost:5173/weather/

Authors

Tech Stack

React, TypeScript, Vite, TailwindCSS, Headless UI, RESTful API