Skip to content

🌦 WeatherApp – a mobile app for real-time weather tracking. It uses the OpenWeather API to fetch up-to-date weather data and user geolocation. The app features a custom splash screen, an adaptive UI, and a dynamic gradient background that adjusts based on weather conditions and time of day. Built with React Native.

License

Notifications You must be signed in to change notification settings

oleksandrditkovskyi/WeatherApp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

48 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Native

Weather App

Overview

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.

Features

  • 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.

Technologies Used

  • 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

Installation

To run the Weather App locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/oleksandrditkovskyi/WeatherApp.git
  2. Navigate to the project directory:

    cd WeatherApp
  3. Install the dependencies:

    npm install

    While developing for iOS, make sure to install pods first before running the app:

    cd ios && pod install && cd ..
  4. Add .env file:

    BASE_URL=https://api.openweathermap.org/data/2.5/
    API_KEY=youAPIKey
  5. Run the application:

    npm start

Contributing

Contributions are welcome! If you have suggestions for improvements or new features, feel free to open an issue or submit a pull request.

License

This project is licensed under the MIT License.

About

🌦 WeatherApp – a mobile app for real-time weather tracking. It uses the OpenWeather API to fetch up-to-date weather data and user geolocation. The app features a custom splash screen, an adaptive UI, and a dynamic gradient background that adjusts based on weather conditions and time of day. Built with React Native.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published