The Weather App is a mobile application built with React Native that provides users with real-time weather information and forecasts. The app leverages geolocation features to deliver localized weather data, allowing users to stay informed about the weather conditions in their area or any city of their choice. The application uses the OpenWeather API to fetch weather data.
- Real-Time Weather Data: Users can view current weather conditions, including temperature, humidity, wind speed, and weather descriptions.
- 5-Day Forecast: The app provides a detailed 5-day weather forecast, helping users plan their activities accordingly.
- Geolocation Support: The app automatically detects the user's location to provide localized weather information. Users can also manually search for weather data in different cities.
- User-Friendly Interface: The application features a modern and intuitive user interface, making it easy to navigate and access weather information.
- Data Storage: User preferences and selected cities are stored locally, ensuring a personalized experience every time the app is launched.
- Error Handling: The app includes error handling mechanisms to manage API request failures and provide feedback to users.
- React Native: For building cross-platform mobile applications.
- Zustand: For state management.
- Axios: For making API requests to fetch weather data.
- React Navigation: For seamless navigation between different screens.
- React Native Geolocation: For accessing the device's location services.
- TypeScript: For type safety and improved developer experience.
- OpenWeather API: For retrieving weather data. OpenWeather
To run the Weather App locally, follow these steps:
-
Clone the repository:
git clone https://github.com/oleksandrditkovskyi/WeatherApp.git
-
Navigate to the project directory:
cd WeatherApp
-
Install the dependencies:
npm install
While developing for iOS, make sure to install pods first before running the app:
cd ios && pod install && cd ..
-
Add .env file:
BASE_URL=https://api.openweathermap.org/data/2.5/ API_KEY=youAPIKey
-
Run the application:
npm start
Contributions are welcome! If you have suggestions for improvements or new features, feel free to open an issue or submit a pull request.
This project is licensed under the MIT License.