-
npm
is required for installing dependencies.npm
usually comes blundled withnode
.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 usingnpm --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.
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 yourAPI 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 dependenciesStep 7: Finally run the app using
npm run dev
The server will start on port
5173
which can be accessed through http://localhost:5173/ .
This React app fetches current weather data from OpenWeather using OpenWeatherMap API.
Made with ❤ by SandeepKrSuman.
The pictures used in this app are royalty free pictures. Proper credits are given to the creators below.
Shout-out to these amazing people :