react-weather-app Tailwind Templates

React Weather App

A weather app, created using React, Tailwind CSS and OpenWeatherMap API

react-weather-app

About

A React application made using Tailwind CSS, OpenWeatherMap API and Luxon JS.

Try out the demo here!

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

Getting Started

1. Clone the repository

git clone https://github.com/joeygroves/react-weather-app

2. Install Node modules

cd react-weather-app
npm install

3. Build the server

npm start

Features

Completed

  • Fetch current data from OpenWeatherMap API
  • Background changes depending on if the temperature is cold/hot
  • Live location search (provided you give your permission)
  • Switch between units (Celsius and Farenheit)

Planned

  • Autocomplete cities in search box

Top categories

Loading Svelte Themes