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

https://github.com/jenil-desai/aura

Aura is a simple and elegant weather application built with React.js and powered by the OpenWeather API. Get real-time weather updates and forecasts with a clean and intuitive interface.
https://github.com/jenil-desai/aura

openweatherapi reactjs

Last synced: about 2 months ago
JSON representation

Aura is a simple and elegant weather application built with React.js and powered by the OpenWeather API. Get real-time weather updates and forecasts with a clean and intuitive interface.

Awesome Lists containing this project

README

        

# 🌐 Aura

Welcome to **Aura**! This repository includes a simple and elegant weather application built with React.js and powered by the OpenWeather API. Get real-time weather updates and forecasts with a clean and intuitive interface.

---

## 📑 Table of Contents

1. [Overview](#-overview)
2. [Technologies](#-technologies)
3. [Packages & Libraries Used](#-packages--libraries-used)
4. [Getting Started](#-getting-started)
5. [Setup](#-setup)
6. [Features](#-features)
7. [Demo & Screenshots](#-demo--screenshots)
8. [Acknowledgments](#-acknowledgments)
9. [License](#-license)

---

## 🌟 Overview

**Description**: Aura is a simple and elegant weather application built with React.js and powered by the OpenWeather API. Get real-time weather updates and forecasts with a clean and intuitive interface.

---

## 💻 Technologies

Below is a breakdown of the core technologies used in this project.

| 🌐 Web |
| ------------ |
| **React.js** |

---

## 📦 Packages / Libraries Used

This project uses the following essential libraries and packages:

| Package / Library | Purpose |
| ----------------- | --------------------------- |
| `Vite` | Fast development build tool |
| `Material UI` | UI components for styling |

---

## 🚀 Getting Started

Follow these steps to set up the project in your local environment:

1. Clone the repository:
```bash
git clone https://github.com/Jenil-Desai/aura.git
```
2. Install dependencies:
```bash
npm install
```
3. Configure environment variables by creating `.env` file in the root of the project and add :.
```env
VITE_REACT_APP_API_KEY="Your OpenWeather API Key"
```

---

## ⚙️ Setup

1. Start the project:
```bash
npm run dev
```
2. Access the application at `localhost:5173` and explore the website.

---

## 🎯 Features

Explore the unique features available in this application:

- **Current weather conditions**
- **Detailed weather information**, including temperature, humidity, max temperature, and min temperature
- **Responsive design** for both desktop and mobile devices

---

## 🔗 Demo & Screenshots

- [Demo](https://aura-bay.vercel.app/)

---

## 🙏 Acknowledgments

We’d like to thank the following contributors and resources:

- **[Apna College's Delta 3.0 Course](https://www.apnacollege.in/)** - Course resource.
- **[Open Weather Docs](https://openweathermap.org/)** - Documentation for Open Weather.
- **[Material UI Docs](https://mui.com/)** - Documentation for Material UI.

---

## 📜 License

This project is licensed under the [MIT License](LICENSE). See the [LICENSE](LICENSE) file for details.

---

### Enjoy exploring and contributing to Aura!