Skip to content

laiba-Ashfaq/Weather-dashboard

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Weather Dashboard


Building a Weather app with JavaScript,CSS,HTML is an excellent project for beginners. It helps to understand the core basics of the DOM and teaches how to use fetch API, to call and get data from a third-party service.

This is a simple javascript project made with the help of HTML, CSS, and OpenWeather API. We used weather API to fetch data and display it according to the city entered in the search bar.
Technologies Used:
javascript
HTML
CSS
linked in
openweather api
canva
youtube
pinterest

Description This project is a weather dashboard that provides real-time weather updates using a third-party API. Setup Instructions
1.Clone the Repository
2.Install Dependencies
npm install
3.Get OpenWeather API Key
Sign up for a free API key at OpenWeather API.
Navigate to your account dashboard to find or generate your API key.
4.Set Up API Key
Create a .env file in the root directory if not already present. Add your API key to the .env file
REACT_APP_OPENWEATHER_API_KEY=your_api_key_here
5.Run the Application
npm start

Demo of Weather Dashboard

dashboard

check out live

Web Url:https://github.com/laiba-Ashfaq/Weather-dashboard.git

You can contribute to this project by adding some new features or anything in your mind to contribute

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published