🌦️ Weather Mobile Application

A mobile weather application built using React Native and Expo. The app allows users to view real-time weather information using WeatherAPI and provides a clean, user-friendly interface for checking current weather conditions.

---

📌 Overview

This project is a hybrid mobile application developed to display weather information in a simple and interactive way. It uses WeatherAPI to fetch weather data and presents it through a React Native interface.

---

✨ Features

• View real-time weather information
• Search weather by location
• Display current temperature and weather condition
• Show weather-related icons and visuals
• User-friendly mobile interface
• API integration using WeatherAPI

---

🛠️ Technology Stack

• React Native
• Expo
• JavaScript
• WeatherAPI
• Tailwind CSS / NativeWind
• Node.js / npm

---

📂 Project Structure

Weather-Mobile-Application
│
├── api/
├── assets/
├── constants/
├── navigation/
├── screens/
├── theme/
├── utils/
├── App.js
├── app.json
├── babel.config.js
├── package.json
├── tailwind.config.js
└── README.md

---

🚀 Installation & Setup

1. Clone the repository

git clone https://github.com/FathiMariyam/Weather-Mobile-Application.git

2. Navigate to the project folder

cd Weather-Mobile-Application

3. Install dependencies

npm install

or

yarn install

4. Get an API key

Create a free account at WeatherAPI and get your API key.

5. Add your API key

Open:

constants/index.js

Add your WeatherAPI key there.

6. Run the application

npm start

or

yarn start

Then open the app using Expo Go on your mobile device.

---

🔐 Important Note

Do not expose your real API key publicly. For better security, store API keys using environment variables in future improvements.

---

📖 Future Improvements

• Add 7-day weather forecast
• Add hourly forecast
• Use device location to detect current weather
• Improve UI animations
• Add dark mode
• Store recently searched locations
• Improve API key security using environment variables

---

👩‍💻 Author

Fathima Mariyam
B.Sc. (Hons.) Information Technology Graduate
University of Kelaniya

• GitHub: https://github.com/FathiMariyam
• LinkedIn: https://www.linkedin.com/in/fathima-mariyam

---

📄 License

This project is developed for educational and learning purposes.