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
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