Weathque is a dynamic weather application created using Flutter and Dart, offering a seamless way to stay informed about the weather conditions. Embrace every day fully prepared with accurate real-time weather updates and a comprehensive 5-day forecast.
Designed with the user in mind, Weathque integrates a Clean architecture pattern, combining Repository and Bloc patterns, to ensure efficient data management and an intuitive experience.
- Design
- Architecture
- Features
- Supported platforms
- Installation
- Usage
- Screenshots and Demo
- Changelog
- Used Packages
- License
All design credits belong to Desire Creative Agency.
The original design was taken from Dribbble.
Weathque fully embraces the Clean Architecture pattern, incorporating both the Bloc and Repository patterns.
Clean Architecture consists of the following layers:
- Data Layer
- Domain Layer (Business Logic)
- Presentation Layer (UI)
Architecture for Storage calls:
- Get the latest weather data using the OpenWeatherMap API for up-to-the-moment accuracy.
- Access a 5-day weather forecast to plan ahead.
- Get weather updates for a variety of cities, allowing you to stay informed about conditions worldwide.
- Elegant design featuring captivating animations and a vibrant color palette.
- Experience a responsive design that seamlessly adapts to different devices.
- Easily add your own cities and track the weather in each of them.
Weathque is a cross-platform mobile application that supports both Android and iOS platforms.
To run the Weathque app locally, follow these steps:
- Clone this repository to your local machine.
- Ensure you have Flutter and Dart installed on your system.
- Navigate to the project directory in your terminal.
- Run the command
flutter pub get
to install the required dependencies. - Connect a device or start an emulator.
- Run the command
flutter run
to launch the app.
- Launch the Weathque app on your device or emulator.
- Swipe right to navigate to the weather forecast of the next city.
- Swipe left to move back to the weather forecast of the previous city.
- For a 5-day weather forecast, simply swipe the "Weekly Forecast" cards.
- To add your own city, follow these steps:
- Tap the "Settings" icon on the app bar.
- Enter your city name.
- A new card will appear on the screen.
- Close the Settings menu.
- Swipe to your newly added city.
- To remove unnecessary city tap "Settings" icon on the app bar
- Tap the "Settings" icon on the app bar.
- Swipe right or left on the city you want to remove.
- The city will be removed.
Demo.mp4
- Now you can easily add your own cities and track the weather in each of them. 🔮
- Initial release.
The Weathque app utilizes the following packages:
Name | Version | Link on pub.dev |
---|---|---|
flutter_bloc | 8.1.3 | Link |
retrofit | 4.0.1 | Link |
get_it | 7.6.0 | Link |
intl | 0.18.1 | Link |
flutter_carousel_slider | 1.1.0 | Link |
fluttertoast | 8.2.2 | Link |
shared_preferences | 2.2.0 | Link |
Apache License Version 2.0