Skip to content

React weather app. Search for a city name and get the current weather details on the go.

Notifications You must be signed in to change notification settings

SandeepKrSuman/weatherpedia

Repository files navigation


Tech Stack 📚

React Icons JavaScript css html


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

About

React weather app. Search for a city name and get the current weather details on the go.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published