An open API service indexing awesome lists of open source software.

https://github.com/jackvijayy/wheather.io

A responsive weather forecast application that provides a 3-day forecast and detailed 24-hour weather report. This app allows users to get accurate weather updates, including temperature, wind speed, humidity, and other metrics for any location, based on real-time API data.
https://github.com/jackvijayy/wheather.io

context-api rapidapi reactjs tailwindcss

Last synced: about 1 month ago
JSON representation

A responsive weather forecast application that provides a 3-day forecast and detailed 24-hour weather report. This app allows users to get accurate weather updates, including temperature, wind speed, humidity, and other metrics for any location, based on real-time API data.

Awesome Lists containing this project

README

          





![4](https://github.com/user-attachments/assets/6a957c12-8c30-4959-9bef-f2bbc485276c)

[LiveπŸš€](https://weatheriox.web.app/)




tailwindcss


WeatherIo-weather ForeCast with 3 Days

## πŸ“‹ Table of Contents

1. πŸ€– [Introduction](#introduction)
2. βš™οΈ [Tech Stack](#tech-stack)
3. πŸ”‹ [Features](#features)
4. 🀸 [Quick Start](#quick-start)

## πŸ€– Introduction

In this awesome project,I created weathear forecast with 3 days and multiple diametes to calculate.i loved the challenges i faceed during this project developement also this project enhancing my technical kowleadge i also like comprehensive projects like this,i hope you this project will enhancing your core skills.now talk about few more down ok. Be cool !

## βš™οΈ Tech Stack

- react.js
- Tailwind css
- ContextAPI

## πŸ”‹ Features

πŸ‘‰ **3days forecast**:

πŸ‘‰ **Based on user locate**

πŸ‘‰ **Daily forecast with specific time**:

## 🀸 Quick Start

Follow these steps to set up the project locally on your machine.

**Prerequisites**

Make sure you have the following installed on your machine:

- [Git](https://git-scm.com/)
- [Node.js](https://nodejs.org/en)
- [npm](https://www.npmjs.com/) (Node Package Manager)

**Cloning the Repository**

```bash
git clone https://github.com/jackvijayy/Wheather.io.git

```

**Installation**

Install the project dependencies using npm:

```bash
npm install
```

**Running the Project**

```bash
npm run dev
```

Open [http://localhost:5173](http://localhost:5001) in your browser to view the project.