Thanks to visit codestin.com
Credit goes to www.scribd.com

0% found this document useful (0 votes)
10 views26 pages

Hair Hub Flutter Documentations

The Hair Hub Flutter App documentation provides a step-by-step guide for setting up the app, including changing the package name, configuring Firebase, setting up the database and storage, and integrating AdMob for monetization. It emphasizes the importance of following the instructions carefully and offers resources such as video links for better understanding. Additionally, it includes contact information for support and reskin services.

Uploaded by

wajahat
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
10 views26 pages

Hair Hub Flutter Documentations

The Hair Hub Flutter App documentation provides a step-by-step guide for setting up the app, including changing the package name, configuring Firebase, setting up the database and storage, and integrating AdMob for monetization. It emphasizes the importance of following the instructions carefully and offers resources such as video links for better understanding. Additionally, it includes contact information for support and reskin services.

Uploaded by

wajahat
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 26

Hair Hub – Flutter App

Documentation
Expressing our deepest gratitude for your purchase of our Solution! We're
elated to provide you with a distinctive app idea solution, crafted exclusively
for your needs. Your journey to innovation begins now, and we're excited to be
a part of it!

How to change package name & Name:

 Please make sure change package name before going to firebase setup.

Please follow this video for better understanding:

https://www.youtube.com/watch?v=4ARWuikVpl4&t=29s

Setup Firebase Project:

1. Please Create Firebase Console Account https://firebase.google.com


2. Create new project in Firebase

3. Please Enter your App name


4. Turn off Analytics and click Create Project button
5. Click Flutter to integrate Firebase with App

6. Integrating through CLI, login through your firebase account through VS


code or android studio terminal, copy this command and paste in
terminal to login
I have already logged in please you have to login with your account
7. Please copy both command and paste in vs or android studio terminal to
configure app

Make sure copy path and paste it in terminal to add path and hit enter to
continue
8. Please remove web and mac option by up and down arrow key and
spacebar button, click enter to continue configuring
9. Congratulations You have Successfully configure your user app with
firebase
10. From Firebase just click continue to console and your app will configure.

Setup Database & Storage


1. Click on Fireastore database and storage to configure it

2. Now Go to Firestore database and click create database


3. Now please carefully follow each step to setup database exactly

Click start collection name this collection name this ‘hairstyle_category’


Similarly, create collection for trending collection name ‘trending_hair’

Make sure enable Rules true for read and write


4. Please similarly, create storage and make Rules true

Similarly, Configure Admin app in firebase by going into Project overview and
click Add app
Now repeat the process for admin app to configure app using CLI, If need any
help please contact us without hesitation 

After configuring Admin app you will see these 3 apps


Now run command Flutter clean && Flutter pub get && Flutter run in ADMIN
APP you will see this now add categories and trending hairs from here,
Now Add Categories please make sure only add these category which is
provided:

 Beach Hair
 Natural Hair
 Office Hair
 Party Hair
 Professional Hair
 quickEasy Hair
 everday Hair
 college Hair
 dateNight Hair
 travelling Hair
 gym Hair
 sporty Hair
Similarly, add other categories, now click category to add hairstyle video and
image follow below:
5. Similarly, Add trending video and please make sure only add 1 video and
delete previous video to upload new trending video.

You will see the path of video,


After clicking Add Trending Hair you will see this on trending page
Congratulations All done for Admin App data

Only only 1 step left to display data on User App, I am glad you have done so
far.

Please Go to your USER APP Folder Services -> data_ids.dart


Replace All IDs copy from firebase categories collection to here. Repeat for
each ID.
Congratulations Your App is ready to use. You will see all categories with data
in USER APP.
AD MOB Setup:
1. Create your account in admob https://apps.admob.com/
2. Click ADD App to add your app

You will see your app here


3. Now go to USER APP AndriodMenfest.xml file and change App ID
4. Now just go to Ad Units in Admob and create 2 banner Ads and 1
Rewarded Ad copy the Ads Ids and paste in Folder Services ->
Ads_Services.dart
Paste it here

ALL DONE Your App is Monetized now and ready to earn.


Please Reskin your application before uploading to play store.

Upload to Play Store:

Please Follow this great video for complete upload your app to play store

https://www.youtube.com/watch?v=g0GNuoCOtaQ

Contact Us:

 Contact Us for any Query Email: [email protected]


 Please contact us For Reskin and Complete Setup and Upload to play
store (20$ Charges)

You might also like