/Explore-Flutter-FireStore

This is a Flutter App with Firebase's Cloud FireStore Database and Google Map. This app represents that Beautiful UI can be implemented with the Best Performance.

Primary LanguageDartGNU General Public License v3.0GPL-3.0

Explore - Flutter/FireStore/Google-Map by Akash Divya

This is a Flutter App with Firebase's Cloud FireStore Database and Google Map. This app represents that Customizable Beautiful UI can be implemented with the Best Performance possible.

Banner Image

Things implemented in this App

This was my first Flutter App. My intentions were to implement as many things as I can so that I can learn those things. This App contains the implementation of the followings:

  • Firebase's Cloud FireStore
  • Firebase's Cloud Storage
  • Custom Firebase Text by Text Search
  • Official Google Map
  • BLoC Pattern/Architecture
  • StreamBuilder
  • StreamSubscription
  • Dynamic Theme
  • Internet Connectivity Status
  • Customizing Status Bar & Navigation Tab
  • Various Material Components

How to get this Repo and run it on your System

I kept the code as original as possible with prober Commented Guides for anyone to understand and implement. Still you need to follow these steps.

  • First get Flutter and all necessary SDK/Plugins installed. Full guide here Flutter: Get Started

  • Now create a new Flutter App, named as 'exploreapp' with AndroidX Compatibility.

    flutter create --androidx exploreapp
    
  • Now download this Repo

  • Extract the Repo into your newly created exploreapp and replace the required files.

  • Now go to Firebase and start a new project. Follow these guidelines here and paste the file google-services.json from there into your project. (We are doing this just for Android Platform)

    'yourDirectory'\exploreapp\android\app

  • Now Populate your FireStore Database like examples below:

    Firebase_Example_01 Firebase_Example_02 Firebase_Example_03 Firebase_Example_04

  • Now go to Google API and Enable Maps SDK for Android and get thi API Key.

  • Paste this API Key in the pecific area where I mentioned "Your Map API Key here" in AndroidManifest.xml file which can be found in _'yourDirectory'\exploreapp\android\app\src\main_ like written below:

    <application>
    ...
    <meta-data android:name="com.google.android.geo.API_KEY"
               android:value="Your Map API Key here"/>
    
  • Now you can Finally run VS-Code or Android Studio whichever you prefer and get the flutter packages and just run the App.

Download the APK

Check the apk files included in this Repo. Install them on your device to test it.

Download arm64 APK

Download armeabi APK

App Demonstration Video

Explore - Flutter App Showcase

Watch Video on Youtube

About Me

I'm a veteran Designer/Animator with 10+ years of experience. I always hated the excuses Developers gave me when they fail to implement my Design. One day, when I found about Flutter I said no more & started learning it. This is my first App which I developed, and the design i took from dribbble Link and I also designed the parts which were not there.

My Links

Dribbble

Behance

Email: akash.apd@gmail.com

Now go out there and do what you Want.