React Firebase Datta PRO

Search…

Full Stack seed project built in React and Firebase on top of Datta Able Dashboard (premium version)

Full-stack seed project coded in React and Firebase on top of a modern design from CodedThemes: Datta Able PRO. The React / Firebase codebase is already configured with social login (Google).
​React Firebase Datta PRO - product page
​React Firebase Datta PRO - LIVE demo
React Firebase - Datta Able PRO. 
​
Product features
The product expects a configured Firebase backend that exposes the required configuration. By default, the guest users are redirected to the login page. Once the user is authenticated using an existing account or Google social login, all private pages are accessible.
Dependencies
To use the product, a decent version of Node JS (>= 12.x) is required, and GIT command-line tool to clone/download the project from the public repository.
 Step #1 - Clone the project (private repository). To get access you need an active LICENSE.
1
$ git clone https://github.com/app-generator/priv-react-firebase-datta-able-pro.git
2
$ cd priv-react-firebase-datta-able-pro
Copied!
Step #2 - Install dependencies via NPM or yarn
1
$ npm i
2
// OR
3
$ yarn 
Copied!
 Step #3 - Configure Firebase Credeintials - src/config/constant.js  
1
const config = {
2
    ...
3
    firebase: {                                               
4
        apiKey: 'YOUR_API_KEY',                            # <-- YOUR DATA HERE
5
        authDomain: 'YOUR_DOMAIN_HERE',                    # <-- YOUR DATA HERE 
6
        projectId: 'YOUR_PROJECT_ID',                      # <-- YOUR DATA HERE
7
        storageBucket: 'YOUR_STORAGE_BUCKET',              # <-- YOUR DATA HERE
8
        messagingSenderId: 'YOUR_MESSAGING_SENDER_ID',     # <-- YOUR DATA HERE
9
        appId: 'YOUR_APP_ID',                              # <-- YOUR DATA HERE
10
        measurementId: 'YOUR_TRACKER_ID'                   # <-- YOUR DATA HERE
11
    }
12
};
Copied!
Step #4 - Start in development mode
1
$ npm run start 
2
// OR
3
$ yarn start 
Copied!
All above settings are provided by the Firebase platform. For more information, feel free to access Firebase official help:
​Firebase Fundamentals - Learn how to get started fast
​Manage Projects in Firebase - the basics 
​

React Firebase Datta Able

Django React Datta Able

Last modified 2mo ago

Copy link

Contents

Product features