Search packages, repositories and app categories

GitHub repositoryAkashDivya/Explore-Flutter-FireStore

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.

Explore-Flutter-FireStore project cover
Stars
190
Forks
44
Last push (UTC)
Oct 18, 2019
Project status
Active

Original README

English project snapshot. Visit GitHub for the latest content.

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.

My Links

Facebook

YouTube

Dribbble

Behance

Email: akash.apd@gmail.com

Now go out there and do what you Love.

Akash Divya GitHub avatar
GitHub author

Akash Divya ↗

Veteran Designer & Now Developer

India
LanguagesDartObjective-CJava

Categories

Rankings

How do I choose a repository?

Start with your use case, compare repository activity, and check the original project before adopting it.

  1. Search by repository name, owner or description, then narrow the results by topic.
  2. Compare stars, forks and recent pushes. Stars show community interest, not a guarantee of quality.
  3. Read the README, license and issues on GitHub before using a project.

Sources and maintenance

“A repository is the most basic element of GitHub.”

GitHub Docs — About repositories ↗