Skip to main content

React Firebase Datta PRO

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 (premium version). The React / Firebase codebase is already configured with social login (Google).

React Datta 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, Nodejs, and Python3 are required in order to compile the product (backend & frontend).

Step #1 - Download the sources from the product page (requires a purchase)

$ unzip react-firebase-datta-able-pro.zip
$ cd react-firebase-datta-able-pro

Step #2 - Install dependencies via NPM or yarn

$ npm i
// OR
$ yarn

Step #3 - Configure Firebase Credeintials - 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
    }
};

Step #4 - Start in development mode

$ npm run start
// OR
$ yarn start

All above settings are provided by the Firebase platform. For more information, feel free to access Firebase official help:


Resources​