Skip to content

A responsive weather forecast web application created with ReactJs, TailwindCSS, OpenWeatherAPI & GeoDB API.

License

Notifications You must be signed in to change notification settings

chirag-23/weather-wise

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Weather Wise

Weather Wise is a responsive weather forecasting web application created using ReactJs, TailwindCSS, React-bootstrap, OpenWeather API and GeoDB Cities API.

Features

--> Autocomplete search for cities using GeoDB Cities API

--> Current weather information of city with details likes temperature, wind speed, humidity and pressure etc.

--> Next 7-days weather forecast in carousel

--> Light and Dark mode according to your browser settings

Installation

node.js is required to get npm.

If you would like to download the code and try it for yourself:

Clone the repo: git@github.com:chirag-23/weather-wise.git (or download zip file)

Open the folder in your code editor and open terminal

Goto root directory: cd weather-wise

Install packages: npm install

Create a .env file in root folder

Define in .env
REACT_APP_RAPID_API_KEY = RapidAPI KEY
REACT_APP_WEATHER_API_KEY = OpenWeather API KEY

Build project:npm start

Open your browser at: http://localhost:3000

Contacts

LinkedIn

About

A responsive weather forecast web application created with ReactJs, TailwindCSS, OpenWeatherAPI & GeoDB API.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published