https://github.com/mmj030703/internshala-javascript-project-1---weather-application
This is a Weather Application built using HTML, Tailwind CSS & JavaScript.
https://github.com/mmj030703/internshala-javascript-project-1---weather-application
html javascript tailwindcss weather-app weatherapi
Last synced: 11 months ago
JSON representation
This is a Weather Application built using HTML, Tailwind CSS & JavaScript.
- Host: GitHub
- URL: https://github.com/mmj030703/internshala-javascript-project-1---weather-application
- Owner: mmj030703
- License: mit
- Created: 2024-07-12T06:53:05.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-07-12T09:32:10.000Z (over 1 year ago)
- Last Synced: 2024-07-12T10:59:50.167Z (over 1 year ago)
- Topics: html, javascript, tailwindcss, weather-app, weatherapi
- Language: JavaScript
- Homepage: https://mmj030703.github.io/Internshala-JavaScript-Project-1---Weather-Application/
- Size: 172 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Weather Forecast App
A Weather Forecast Application built using HTML, Tailwind CSS, and JavaScript. The app fetches weather data from an external API and displays it in a user-friendly interface.
## Features
- Search weather by location name
- Current location weather conditions
- 5-day weather forecast
- Responsive design using Tailwind CSS
- Dynamic data fetching using JavaScript
## Demo
Check out the live demo [here](https://mmj030703.github.io/Internshala-JavaScript-Project-1---Weather-Application/).
## Installation
1. Clone the repository:
```sh
git clone https://github.com/mmj030703/Internshala-JavaScript-Project-1---Weather-Application.git
```
2. Navigate to the project directory:
```sh
cd Internshala-JavaScript-Project-1---Weather-Application
```
3. Open `index.html` in your browser.
## Usage
- By Location Name
1. Enter the location name in the input field.
2. Click the Search Icon.
3. View the current weather and 5-day forecast.
- By Current Location
1. Click on the track location icon.
2. Allow the geolocation permission.
3. Weather forecast will be updated.
## Built With
- HTML
- Tailwind CSS
- JavaScript
- [Weather API](https://www.visualcrossing.com/)
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.