Weatherpedia ⛅

Tech Stack 📚

• Built with ReactJS and Vite .

Demo 🎥

Setup 🛠

Prerequisites :

• npm is required for installing dependencies. npm usually comes blundled with node.

  Install Node, if it is not installed already.

  To check whether node is present or not, go to your command line / terminal and type in node --version .
  If a version shows up, means node is installed. If not, install the LTS version of Node. Check for npm using npm --version.

• install git for version control and for cloning the repository. Verify using git --version.

• This app takes weather data from OpenWeather. Which requires an API key. Sign up and generate your own free API key which will be required during installation process.

Installation :

Step 1: Fork this repo

Step 2: Clone your forked version of this repo locally. To clone, go to your command line / terminal, cd over to an appropriate directory and type in git clone https://github.com/<your username>/weatherpedia.git

Step 3: cd weatherpedia

Step 4: Open the project in your favourite text editor

Step 5: Create a .env file in the root of the project and store your API key. Take a look at .env.example file for reference. Put your API Key in place of <YOUR API KEY HERE> and save the .env file.

Step 6: On the command line / terminal type in npm install to install dependencies

Step 7: Finally run the app using npm run dev

The server will start on port 5173 which can be accessed through http://localhost:5173/ .

API 📊

This React app fetches current weather data from OpenWeather using OpenWeatherMap API.

Developer 😎

Made with ❤ by SandeepKrSuman.

Credits for using the pictures

The pictures used in this app are royalty free pictures. Proper credits are given to the creators below.

Shout-out to these amazing people :

Pictures used in the app	Credits
homepage-day	ela23
homepage-night	Alexei Novikov
snow	Josh Hild
clear-day	Matthew Bowden
drizzle	Philippe Tarbouriech
rain	Jack Finnigan
thunderstorm	Michael D
haze	Luca Cinacchio
fog	Sebin Thomas
squall	Andrea Fabry
tornado	Ralph W. lambrecht
partly-cloudy	Adriel Kloppenburg
overcast	Nathan Anderson
default-background	Pexels
volcanic-ash	jawajeziorski
clear-night	Raimond Klavins