https://github.com/akshitlakhera/weather-app

Built with HTML, CSS, and JavaScript using Bootstrap, this app fetches real-time weather data from the OpenWeatherMap API. Features include displaying current temperature, weather condition, and additional details. Enjoy a user-friendly design and stay informed about the weather effortlessly.
https://github.com/akshitlakhera/weather-app

Last synced: 22 days ago
JSON representation

Built with HTML, CSS, and JavaScript using Bootstrap, this app fetches real-time weather data from the OpenWeatherMap API. Features include displaying current temperature, weather condition, and additional details. Enjoy a user-friendly design and stay informed about the weather effortlessly.

• Host: GitHub
• URL: https://github.com/akshitlakhera/weather-app
• Owner: AkshitLakhera
• Created: 2023-07-14T05:06:54.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-05-26T17:05:28.000Z (7 months ago)
• Last Synced: 2024-10-25T10:42:46.516Z (2 months ago)
• Language: HTML
• Homepage:
• Size: 12.7 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# My Weather App

This is a simple weather application built using HTML, CSS, and JavaScript with Bootstrap. The app fetches weather data from the OpenWeatherMap API using `async/await` and the `fetch` API. It also utilizes the Axios library for making HTTP requests.

## Demo

You can see a live demo of the weather app (https://akshitlakhera.github.io/Weather-app/).

## Features

- Get real-time weather information for a given location.

- Display the current temperature, weather condition, and a corresponding icon.

- Show additional details such as humidity, wind speed, and visibility.

- User-friendly and responsive design using Bootstrap.

## Technologies Used in the    Project

- HTML

- CSS

- JavaScript

- Bootstrap

- OpenWeatherMap API

- Axios

## Prerequisites

Before running the project on your local machine, ensure that you have the following:

- A modern web browser (Chrome, Firefox, Safari, etc.).

- An internet connection to fetch data from the OpenWeatherMap API.

## Getting Started

To run the project on your local machine, follow these steps:

1. Clone the repository to your local machine using the following command:

   git clone https://github.com/your-username/my-weather-app.git

   

2. Navigate to the project directory:

cd my-weather-app

3. Open the `index.html` file in your preferred web browser.

## Configuration

To make API requests and fetch weather data, you'll need an API key from OpenWeatherMap. Follow these steps to obtain an API key:

1. Go to the [OpenWeatherMap website](https://openweathermap.org/) and sign up for a free account.

2. After signing up, go to your account dashboard and locate your API key.

3. Copy the API key and replace the `API_KEY` variable in the `script.js` file with your actual API key.