King Abdulaziz Royal Reserve App 🌳

A Flutter application for managing and exploring the King Abdulaziz Royal Reserve, providing users with an interactive and seamless experience to discover and learn about this natural treasure.

Features 🌟

  • Modern and intuitive user interface
  • Authentication system
  • Interactive reserve exploration
  • Clean architecture implementation
  • Responsive design for all screen sizes
  • Beautiful animations and transitions
  • Multi-language support with Arabic localization

Tech Stack 💻

  • Flutter SDK: ^3.5.3
  • State Management: Flutter Bloc
  • Navigation: Go Router
  • Dependency Injection: Get It
  • Animations: Flutter Animate
  • UI Components: Material Design, Custom Widgets
  • Asset Management: SVG support

Getting Started 🚀

Prerequisites

  • Flutter SDK (^3.5.3)
  • Dart SDK (^3.5.3)
  • iOS/Android development environment set up

Installation

  1. Clone the repository
git clone https://github.com/loqmanali/royal_reserve.git
  1. Navigate to the project directory
cd royal_reserve
  1. Install dependencies
flutter pub get
  1. Run the app
flutter run

Project Structure 📁

lib/
├── core/           # Core functionality, utilities, and shared components
├── features/       # Feature-based modules
│   ├── auth/      # Authentication feature
│   └── ...        # Other features
├── main.dart      # Application entry point
└── royal_reserve_app.dart  # App configuration

Design System 🎨

The app uses a custom design system with:

  • Cairo font family for both Arabic and English text
  • Consistent color scheme and theming
  • Responsive layout system
  • Custom animations and transitions

Design Attachments 🎨

App Design

App Design

Color Palette

Color

Hex Code


| | Primary | #F6A623 | | Secondary | #D9C1A5 | | Background | #FAF2E7 | | Dark Text | #5A3E36 | | Light Text | #FAF2E7 | | Accent | #EFC94C | | Border | #D9C1A5 | | Disabled | #878787 | | Dark Background | #3A2B2A | | Dark Card | #4F3C3C | | Bright Blue | #4A90E2 |

Typography

  • Primary Font: Cairo
    • Light (300)
    • Regular (400)
    • Medium (500)

Design Resources

Screenshots

Click to expand

Authentication Screens

Login Screen Splash Screen

Main Features

Home Screen

Contributing 🤝

Contributions are welcome! Please feel free to submit a Pull Request.

License 📄

This project is licensed under the [Your License] License - see the LICENSE file for details.

Contact 📧

For any inquiries, please reach out to [lelgrahy@smart.sa].