LIVE PREVIEWBUY FOR $23

About Mist

Mist is a contemporary Flutter UI Package for a Automotive Wash & Bike Care reserving app,
that includes 30+ polished screens that cowl the whole reserving journey—from
location and car choice to service searching, reserving, checkout, and
profile administration. The template contains Google Maps integration to show
the consumer’s present location and is constructed with clear, modular code utilizing MobX
for state administration.

This can be a frontend UI Package — no backend, database, or reside API
is included. All screens use static pattern information for demonstration functions.
You possibly can simply join your personal backend (REST API, Firebase, or any customized
service) to make the appliance absolutely purposeful.

Key Options

  • 30+ trendy and well-organized Flutter screens
  • Gentle & Darkish theme assist
  • Present location detection utilizing Geolocator
  • Google Maps integration
  • Location, metropolis & car choice movement
  • House display screen with service classes
  • Service itemizing and detailed service pages
  • Rankings, evaluations and FAQs UI
  • Cart, coupons, slot reserving and cost UI
  • Reserving historical past and deal with administration
  • Profile administration and premium membership screens
  • Responsive UI for Android & iOS
  • Flutter Null Security assist
  • Clear structure and reusable widgets

Know-how Stack

  • Flutter
  • Dart
  • MobX for state administration
  • Google Maps Flutter
  • Geolocator
  • Modular mission construction (screens, companies, community, fashions, shops and utilities)

Technical Necessities

  • Flutter 3.29.3 or later
  • Dart 3.7.2 or later
  • Android Studio or Visible Studio Code with Flutter & Dart plugins
  • Xcode 14 or later (for iOS builds)
  • Android minSdkVersion 21+
  • iOS 12.0+

Google Maps Configuration

This template makes use of Google Maps to show the consumer’s present location. Earlier than
working the mission, create your personal Google Maps API key and exchange the
placeholder API key in each the Android and iOS tasks.

Step 1: Create a Google Maps API Key

  1. Create or choose a mission in Google Cloud Console.
  2. Allow Maps SDK for Android and Maps SDK for iOS.
  3. Create an API key from APIs & Companies > Credentials.

Android

Change the placeholder API key in: 

android/app/src/primary/AndroidManifest.xml

iOS

Change the placeholder API key in: 

ios/Runner/AppDelegate.swift

Location Permission

The applying requests the consumer’s location solely whereas the app is in use to
show the present place on Google Maps. The required iOS location
permission (NSLocationWhenInUseUsageDescription) is already
configured within the mission.

Hostinger

Background location monitoring is not used, so no further
background location permissions are required.

Non-obligatory Firebase Utilization

Firebase is just not configured by default. In the event you select to combine Firebase
(Authentication, Firestore, Cloud Messaging, Storage, and so forth.), further
configuration is required. Relying in your utilization, Firebase companies might incur
prices past the free tier.

What’s Included

  • Full Flutter supply code
  • Properly-organized mission construction
  • Documentation for setup and customization
  • Google Maps configuration information
  • API integration examples
  • Reusable widgets and elements


Source

Namecheap Best Deals