https://github.com/denniskigen/react-weather

Weather that's easy on the eyes
https://github.com/denniskigen/react-weather

openweathermap-api react tailwind tailwindcss vite weather

Last synced: 4 days ago
JSON representation

Weather that's easy on the eyes

• Host: GitHub
• URL: https://github.com/denniskigen/react-weather
• Owner: denniskigen
• License: mit
• Created: 2019-10-14T19:32:07.000Z (about 5 years ago)
• Default Branch: main
• Last Pushed: 2024-01-01T17:54:50.000Z (12 months ago)
• Last Synced: 2024-12-06T06:13:57.574Z (17 days ago)
• Topics: openweathermap-api, react, tailwind, tailwindcss, vite, weather
• Language: JavaScript
• Homepage: https://react-weather.denniskigen.com/
• Size: 5.48 MB
• Stars: 139
• Watchers: 7
• Forks: 60
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
 

  



![Landing page screenshot](./public/screenshot.png)

[![build](https://github.com/denniskigen/react-weather/actions/workflows/ci.yml/badge.svg)](https://github.com/denniskigen/react-weather/actions/workflows/validate.yml) ![Deployment status](https://img.shields.io/github/deployments/denniskigen/react-weather/production?label=vercel&logo=vercel&logoColor=white) [![Coverage Status](https://coveralls.io/repos/github/denniskigen/react-weather/badge.svg?branch=main)](https://coveralls.io/github/denniskigen/react-weather?branch=main)

[React Weather](https://react-weather.denniskigen.com) is a beautiful weather app built on top of the [OpenWeatherMap API](https://openweathermap.org/api).

## Getting started

- Sign up over at [openweathermap.org](https://openweathermap.org) and get an API key.

- Fork the project and clone it locally.

- Install dependencies using [pnpm](https://pnpm.io/installation):

  ```sh

  pnpm install

  ```

- Create a file at the root of the project called `.env.local` with the following contents:

  ```

  VITE_API_URL = 'https://api.openweathermap.org/data/2.5'

  VITE_API_KEY = The API key you obtained from openweathermap.org

  VITE_ICON_URL = 'https://openweathermap.org/img/w'

  ```