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.
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.
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
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)
Now Populate your FireStore Database like examples below:
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: ``` ... <meta-data android:name="com.google.android.geo.APIKEY" 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.
Check the apk files included in this Repo. Install them on your device to test it.
If you are wondering how you can do it with local assets and json data you can visit this Repo
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.
Email: [email protected]
Now go out there and do what you Love.