https://github.com/rushiljalal/weathernow
Weather app
https://github.com/rushiljalal/weathernow
api css html js json
Last synced: 10 months ago
JSON representation
Weather app
- Host: GitHub
- URL: https://github.com/rushiljalal/weathernow
- Owner: RushilJalal
- Created: 2024-05-27T05:55:21.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-06-09T13:27:46.000Z (about 2 years ago)
- Last Synced: 2025-03-28T22:51:15.305Z (over 1 year ago)
- Topics: api, css, html, js, json
- Language: JavaScript
- Homepage: https://rushil-weathernow.netlify.app/
- Size: 4.22 MB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# WeatherNow
## Introduction
WeatherNow is a simple and intuitive web application that allows users to get current weather information for any location. The app fetches data from the WeatherAPI and displays the current weather along with a 3-day forecast.
## Features
- Fetches and displays current weather information.
- Provides a 3-day weather forecast.
- Displays weather icons and conditions.
- Handles invalid location entries gracefully.
- Responsive design for different screen sizes.
## Demo
You can check out a live demo of the application [here](https://rushil-weathernow.netlify.app/).
## Technologies Used
- HTML
- CSS
- JavaScript
- [WeatherAPI](https://www.weatherapi.com/)
## Getting Started
### Prerequisites
Before you begin, ensure you have the following installed on your system:
- [Node.js](https://nodejs.org/en/) (v12 or later)
- [npm](https://www.npmjs.com/) (v6 or later) or [Yarn](https://yarnpkg.com/)
### Steps
1. **Clone the Repository**
```sh
git clone https://github.com/RushilJalal/WeatherNow.git
cd WeatherNow
```
2. **Install Dependencies**
If you're using npm:
```sh
npm install
```
Or if you're using Yarn:
```sh
yarn install
```
3. **Run the Development Server**
If you're using npm:
```sh
npm run dev
```
Or if you're using Yarn:
```sh
yarn dev
```
4. **Open in Browser**
Open your browser and navigate to `http://localhost:3000` to see the application in action.
## Usage
1. Open the application in your web browser.
2. Enter a location in the search box.
3. Press the "Search" button or hit the Enter key to fetch and display the weather information.
4. If the location is invalid, an error message will be displayed.