Skip to content

DXR3IN/Football-Club-Flutter-App

Repository files navigation

premiere_league_v2

Link to open the app: Home link

Link to open the detail club of arsenal: Detail link

Getting Started

This project is a starting point for a Flutter application.

A few resources to get you started if this is your first Flutter project:

For help getting started with Flutter development, view the online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

Flutter Project

This is a Flutter project that utilizes various libraries and packages for state management, networking, notifications, and other essential features.

Flutter App Demo

This is a demo Flutter app that demonstrates various features including a main screen, detail screen, favorite screen, and notification functionality. The app showcases state management using MobX, API integration, and local storage for favorite items.

Screenshots

Main Screen

The main screen displays a grid of football teams fetched from an API. Users can search for teams, view team details, and navigate to the favorite screen.

First look >

Main Screen

New Look 1.0 >

Main Screen

New Look 2.0 >

Main Screen

Detail Screen

On the detail screen, users can view more information about a selected football team, including its stats and other details. Users can also add the team to their favorites.

First look >

Detail Screen

New Look 1.0 >

Detail Screen

New Look 2.0 >

Detail Screen Detail Screen
### Favorite Screen

The favorite screen displays a list of all teams that the user has marked as favorites. Users can remove teams from their favorites, and the list will update in real-time.

Favorite Screen

Notification

The app includes notification functionality using Firebase Cloud Messaging. Users receive push notifications for updates or important announcements. Local notifications are also used to alert users of actions within the app.

Foreground Notification Background and Terminate Notification Background and Terminate Notification

Features

  • State Management: Uses MobX and Flutter MobX for reactive state management.
  • Networking: Uses Dio for making API requests and handling responses.
  • Image Handling: Cached Network Image is used for efficient image loading and caching.
  • Storage: Flutter Secure Storage, Shared Preferences, and SQLite are utilized for securely storing data and simple key-value storage.
  • Notifications: Firebase Cloud Messaging and Flutter Local Notifications are used for push notifications.
  • UI: Includes SVG support, internationalization, and custom icons using Ionicons.
  • Permissions: Permission Handler is used to manage runtime permissions.
  • Device Info: Package Info Plus is used to retrieve app information.
  • Other: UUID, Logger, Image Picker, and URL Launcher are used for various utility tasks.
  • Localizations: This app is supported for English and Indonesian Language.
  • Google maps

Requirements

  • Flutter SDK
  • Dart SDK
  • Firebase project setup (for messaging and core services)
  • Android/iOS development environment
  • JDK 17 (for Android builds)
  • Gradle 7.6.3 (for Android builds)

Getting Started

  1. Clone the repository:
    git clone https://github.com/your-repo/flutter-project.git
    cd flutter-project
    flutter pub get

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors