kiruthikraaj / FurnitureMagik

A Native Android Application buid with React Native and Authentication (Phone) using Firebase Authentication

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool




awesome




A Native Android Application buid with React Native and Authentication (Phone) using Firebase Authentication.

android
Click to Download APK



Features

Login with Phone using Firebase Auth

  • Login
  • Logout

Storage

Storage using AsyncStorage
  • SQLITE
  • ROCKSDB

Adding Offer:

Image

  • Gallery
  • Camera

Screens

Login Screen :

The designed app for the given requirement consist of login page as its first page.
The input is only mobile number and we can proceed only when the number is valid.

OTP Validation :

After the validation of the mobile number, it is verified with a help of firebase authentication (Phone Auth).
6 digit OTP is received to the corresponding mobile number. Once the entered OTP matches with the generated,
we can proceed to the next page.

Home Screen :

Login page leads us right here to the home page.
The UID generated for every mobile number during the time
of login is the storeKey where all the offers (data) get stored.


Database: (AsyncStorage)


The database (Storage unit) used here is AsyncStorage.
Depending on what the android device has in it, the AsyncStorage uses either SQLITE or ROCKSDB.
Now with the storeKey, if there is no data stored then the page says no offers (data) to displays.
If the storeKey has offers (data) in it then all the offers are displayed in the Flatlist.

This page also contains a floating action bar (FAB) denoting 'plus',
further navigating to a page where you add data on clicking it.

Add Offers (Data Entry) :

Being navigated to this page we can add new offer (data) with several attributes.
This page has several fields describing the product having
Product Image
Product Name
Type
Original Price
Discount Price

Data Validation :

The image can be chosen from the gallery or captured instantly to upload.
A proper name for the product is given in the product name field.


The next field is the dropdown / dialog where it lets you to choose the type,the product falls in.
The next two are numerical input field where original and discount price is fed respectively.


If we are done with the details of the product, save button is clicked.

On clicking empty fields are checked. If any found, it adds a required flag to the particular field.

Updated List of Added Offers

Once all the fields are filled, leaving none empty the data is stored using storeKey.

After the data is successfully stored, it automatically navigates to the homepage.

About

A Native Android Application buid with React Native and Authentication (Phone) using Firebase Authentication


Languages

Language:JavaScript 78.3%Language:Java 10.1%Language:Objective-C 7.2%Language:Starlark 3.1%Language:Ruby 1.3%