React Firebase Datta Able

Datta Able is an open-source React Dashboard that provides a colorful and modern design. Datta Able React Free is the most stylised React Free Admin Template, around all other admin templates in the market. It comes with high feature-rich pages and components with fully developer-centric code. The product comes with Firebase integration.

Features

• Firebase Integration - Social Login (Google)
• Modern aesthetics UI design - Designed by CodedThemes
• React, Redux, Redux-persist

Links

• React Firebase Datta Able - product page
• React Firebase Datta Able - LIVE Demo
• Support via Github (issues tracker) and Discord - LIVE Assistance

Want more? Go PRO!

PRO versions include Premium React Kits, Lifetime updates and 24/7 LIVE Support (via Discord)

React Firebase Datta PRO	React Node JS Material Kit	React Node JS Datta PRO

How to use it

To use the product Node JS (>= 12.x) is required and GIT to clone/download the project from the public repository.

Step #1 - Clone the project

$ git clone https://github.com/app-generator/react-firebase-datta-able.git
$ cd react-firebase-datta-able

Step #2 - Install dependencies via NPM or yarn

$ npm i
// OR
$ yarn

Step #3 - Start in development mode

$ npm run start 
// OR
$ yarn start

Configure Firebase Credentials

App Settings as provided by the Firebase platform - src/config/constant.js

const config = {
    ...
    firebase: {                                               
        apiKey: 'YOUR_API_KEY',                            # <-- YOUR DATA HERE
        authDomain: 'YOUR_DOMAIN_HERE',                    # <-- YOUR DATA HERE 
        projectId: 'YOUR_PROJECT_ID',                      # <-- YOUR DATA HERE
        storageBucket: 'YOUR_STORAGE_BUCKET',              # <-- YOUR DATA HERE
        messagingSenderId: 'YOUR_MESSAGING_SENDER_ID',     # <-- YOUR DATA HERE
        appId: 'YOUR_APP_ID',                              # <-- YOUR DATA HERE
        measurementId: 'YOUR_TRACKER_ID'                   # <-- YOUR DATA HERE
    }
};

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 - Provided by CodedThemes and AppSeed App Generator.