A Weather App built using React Native and the Weather API, providing real-time weather information and a 3-day forecast for any searched city worldwide.
- 🔍 Search for any city worldwide
- 🌤 Real-time weather updates
- 🌡 Temperature, humidity, wind speed, and more
- 📅 3-day weather forecast
- 🎨 Intuitive and user-friendly UI
- 📍 Geolocation-based weather updates
- 🌙 Light and dark mode support
- React Native - Frontend framework
- Weather API - Fetching weather data
- Expo - Simplified development and testing
- Axios - API handling
- React Navigation - Screen navigation
Follow these steps to set up and run the app locally:
- Node.js installed
- React Native development environment set up (Guide)
- Weather API key from WeatherAPI.com
-
Clone the repository:
git clone https://github.com/Priyansh7999/Weather-App-React-Native-Expo.git cd eather-App-React-Native-Expo
-
Install dependencies:
npm install
-
Start the development server:
npm start
-
Run the app:
npm run android # for Android npm run ios # for iOS (requires macOS)
- Open the app.
- Use the search bar to enter a city name.
- View real-time weather updates.
- Check the forecast for the next 3 days.
- Toggle between light and dark mode (if available).
The app uses the Weather API to fetch weather data. Example API request:
GET https://api.weatherapi.com/v1/forecast.json?key=YOUR_API_KEY&q=London&days=3
Contributions are welcome! To contribute:
- Fork the repository
- Create a new branch (
feature-new-feature
) - Commit your changes
- Push to the branch
- Open a Pull Request
This project is licensed under the MIT License.
👤 Your Name GitHub: @Priyansh7999 LinkedIn: Priyansh Saxena