https://github.com/imsubhro/weathervista

About A React.js weather app (5 day forecast) using OpenWeatherMap's API + SheCodes weather API..
https://github.com/imsubhro/weathervista

html-css-javascript react-weather-app reactjs shecodes-react

Last synced: about 1 month ago
JSON representation

About A React.js weather app (5 day forecast) using OpenWeatherMap's API + SheCodes weather API..

• Host: GitHub
• URL: https://github.com/imsubhro/weathervista
• Owner: imSubhro
• License: gpl-3.0
• Created: 2025-03-20T09:24:37.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-07-05T09:40:08.000Z (11 months ago)
• Last Synced: 2025-07-05T10:29:41.806Z (11 months ago)
• Topics: html-css-javascript, react-weather-app, reactjs, shecodes-react
• Language: JavaScript
• Homepage: https://weather-app-c366.onrender.com
• Size: 250 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# 🌦️ React Weather App

A beautiful, responsive weather application built with React.js that provides real-time weather information for any location worldwide! 🌍 This modern web app features a stunning glassmorphism design with smooth animations and mobile-first responsive layout.

![Screenshot 2025-07-05 150846](https://github.com/user-attachments/assets/cb22480f-b2a1-459d-9866-4133d2ff6c23)

## 🛠️ Technologies & Tools Used

- ⚛️ **React.js** - Modern JavaScript framework

- 🎨 **Tailwind CSS** - Utility-first CSS framework

- 🔗 **SheCodes Weather API** - Reliable weather data source

- 💻 **JavaScript ES6+** - Modern JavaScript features

- 🎭 **CSS3** - Advanced styling and animations

### Setup Instructions

1. **📥 Clone the repository**

   ```bash

   git clone https://github.com/shemmee/React-Weather-App.git

   cd React-Weather-App

   ```

2. **📦 Install dependencies**

   ```bash

   npm install

   ```

3. **🚀 Start the development server**

   ```bash

   npm start

   ```

4. **🌐 Open your browser**

   Navigate to `http://localhost:3000` to use the app

## 🤝 Contributing

We welcome contributions! Feel free to:

- 🐛 Report bugs

- 💡 Suggest new features

- 🔧 Submit pull requests

- ⭐ Star the repository

## 📄 License

This project is open source and available under the GPL-3.0 License.

---

⭐ **Don't forget to star this repository if you found it helpful!** ⭐

🌦️ **Stay updated with the weather, stay prepared!** 🌦️