https://github.com/sathvik1607/weathersphereapp
Front_end part consisting of Javascript(React Native) and back_end part consisting of Python(flask api)
https://github.com/sathvik1607/weathersphereapp
api-rest flask python reactnative vitejs
Last synced: 3 months ago
JSON representation
Front_end part consisting of Javascript(React Native) and back_end part consisting of Python(flask api)
- Host: GitHub
- URL: https://github.com/sathvik1607/weathersphereapp
- Owner: sathvik1607
- Created: 2025-05-25T09:43:05.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-05-30T13:37:17.000Z (about 1 year ago)
- Last Synced: 2025-07-13T22:13:23.880Z (12 months ago)
- Topics: api-rest, flask, python, reactnative, vitejs
- Language: JavaScript
- Homepage:
- Size: 407 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
---
```markdown
# 🌦️ WeatherSphere – Weather Forecast & Alerts App
GitHub Repo: [https://github.com/sathvik1607/WeatherSphereApp.git](https://github.com/sathvik1607/WeatherSphereApp.git)
WeatherSphere is a cross-platform mobile application powered by **React Native** (frontend) and **Flask** (backend).
It provides real-time weather updates, forecasts, and personalized alerts using the **Visual Crossing API**.
The backend supports ML integrations and alert management.
---
## 📁 Project Structure
```'
WeatherSphereApp/
├── assets/
│ └── screenshot.png
├── flask/ # Flask backend
│ ├── app.py
│ ├── model.py
│ ├── requirements.txt
│ ├── instruction.txt
│ └── tempCodeRunnerFile.py
├── src/ # React Native source
│ └── components/
│ ├── AirQuality.js
│ ├── CitySelector.js
│ ├── CurrentTemperature.js
│ ├── DailyForecast.js
│ ├── Feelslike.js
│ ├── HourlyForecast.js
│ ├── Humidity.js
│ ├── Precipitation.js
│ ├── Pressure.js
│ ├── Sunrise.js
│ ├── Sunset.js
│ ├── WeatherNotification.js
│ └── WindSpeed.js
├── App.js
├── app.json
├── babel.config.js
├── eas.json
├── package.json
├── package-lock.json
├── .gitignore
└── README.md
````
---
## 🚀 Features
### ✅ Frontend (React Native)
- 🔍 City Search & Selection
- 🌡️ Real-time Weather Conditions
- 🕒 Hourly and 📅 Daily Forecasts
- 💧 Humidity, Wind, Pressure, Feels Like, AQI, Sunrise/Sunset
- ⚠️ In-App Weather Alerts and Animated Notifications
### ✅ Backend (Flask)
- 📡 Weather Data Fetching from Visual Crossing
- 🧠 (Planned) LSTM-based Forecasting
- 📬 Personalized Alert Triggers via Rules
---
## 🔧 Getting Started
### 🔹 1. Clone the Repository
```bash
git clone https://github.com/sathvik1607/WeatherSphereApp.git
cd WeatherSphereApp
````
### 🔹 2. Run the React Native Frontend
```bash
npm install
npx expo start
```
### 🔹 3. Run the Flask Backend
```bash
cd flask
pip install -r requirements.txt
python app.py
```
---
## 🔑 API Key (Visual Crossing)
Update the API key in your React Native frontend (likely in a config file or component):
```js
const API_KEY = "your_visual_crossing_api_key";
```
You can get a free API key from [Visual Crossing](https://www.visualcrossing.com/).
---
## 🖼️ Screenshots
| Home Screen |
| ------------------------------ |
| 
---
## 🔮 Future Enhancements
* 📍 GPS-based Weather Updates
* 🔔 Push/Email Notifications
* 📊 ML-based Weather Trends with LSTM
* 🌘 Dark Mode Support
```