AkashDivya/Explore-Flutter-FireStore

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
PageView
Custom Icon & Splash Screen
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

Local Assets & Json Data Variant

If you are wondering how you can do it with local assets and json data you can visit this Repo

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.