- Notifications
You must be signed in to change notification settings - Fork0
This Weather App is a simple yet functional project that showcases the use of HTML, CSS, and JavaScript to create an interactive user interface. Users can search for current weather conditions and forecasts for any location.
ManjunathGlO/Weather-App-in-HTML-CSS-and-JavaScript
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
- Introduction
- Features
- Technologies Used
- Getting Started
- Usage
- Contributing
- License
The Weather Check App is a user-friendly application designed to provide real-time weather updates for multiple cities.Whether you're planning a trip or just curious about the weather in different locations, this app delivers accurate and timely weather information right at your fingertips.
Multi-City Support: Check the weather for any number of cities around the world.
Real-Time Updates: Get current weather conditions and forecasts.
User-Friendly Interface: Simple and intuitive design for ease of use.
Search Functionality: Quickly find weather information by city name.
Responsive Design: Optimized for both mobile and desktop devices.
Frontend: HTML, CSS, JavaScript
Backend: Node.js (optional, if applicable)
API: OpenWeatherMap API for real-time weather data
Libraries/Frameworks: React (if applicable), Axios, Bootstrap
Before you begin, ensure you have the following installed:
- Clone the repository:
git clone https://github.com/your-username/weather-check-app.gitcd weather-check-app
- Install dependencies:
npm install
- Set up your API key:
- Sign up at OpenWeatherMap and get your API key.
- Create a .env file in the root directory and add your API key:
API_KEY=your_api_key_here
- Run the application:
npm start
Open the application in your web browser.
Enter the name of the city you want to check the weather for.
Click on the "Check Weather" button to see the current weather and forecast.
Repeat for multiple cities as needed!
Contributions are welcome! If you have suggestions for improvements or want to add features, please fork the repo and submit a pull request. Make sure to follow these steps:
- Fork the repository.
- Create a new branch for your feature:
git checkout -b feature/YourFeature
- Make your changes and commit them:
git commit -m "Add a new feature"
- Push to the branch:
git push origin feature/YourFeature
- Open a pull request.
If you want to contact me, you can reach me through below handles.
This project is licensed under the MIT License. See the LICENSE file for details.
About
This Weather App is a simple yet functional project that showcases the use of HTML, CSS, and JavaScript to create an interactive user interface. Users can search for current weather conditions and forecasts for any location.
Topics
Resources
Uh oh!
There was an error while loading.Please reload this page.