https://github.com/app-generator/react-datta-able-firebase
React Datta Able Firebase - React Datta Able (free version) integrated with Firebase backend and Google Auth | App-Generator.dev
https://github.com/app-generator/react-datta-able-firebase
appseed datta-able firebase react
Last synced: 9 months ago
JSON representation
React Datta Able Firebase - React Datta Able (free version) integrated with Firebase backend and Google Auth | App-Generator.dev
- Host: GitHub
- URL: https://github.com/app-generator/react-datta-able-firebase
- Owner: app-generator
- License: other
- Created: 2021-07-22T06:56:41.000Z (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2025-05-02T14:40:49.000Z (about 1 year ago)
- Last Synced: 2025-09-22T10:52:49.499Z (9 months ago)
- Topics: appseed, datta-able, firebase, react
- Language: SCSS
- Homepage: https://app-generator.dev/product/datta-able/firebase/react/
- Size: 1.97 MB
- Stars: 5
- Watchers: 2
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE.md
Awesome Lists containing this project
README
# [React Firebase Datta Able](https://app-generator.dev/product/datta-able/firebase/react/)
**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.
- [React Firebase Datta Able](https://app-generator.dev/product/datta-able/firebase/react/) - `Product page`
- [React Firebase Datta Able](https://react-firebase-datta-able.appseed-srv1.com/) - `LIVE Demo`
## Features
- Firebase Integration - Social Login (Google)
- Modern aesthetics UI design - Designed by [CodedThemes](https://app-generator.dev/agency/codedthemes/)
- React, Redux, Redux-persist
## 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
```bash
$ 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
```bash
$ npm i
// OR
$ yarn
```
**Step #3** - Start in development mode
```bash
$ npm run start
// OR
$ yarn start
```
## Configure Firebase Credentials
**App Settings** as provided by the Firebase platform - `src/config/constant.js`
```javascript
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](https://firebase.google.com/docs) help:
- [Firebase Fundamentals](https://firebase.google.com/docs/guides) - Learn how to get started fast
- [Manage Projects in Firebase](https://firebase.google.com/docs/projects/learn-more) - the basics
---
[React Firebase Datta Able](https://app-generator.dev/product/datta-able/firebase/react/) - Provided by [CodedThemes](https://app-generator.dev/agency/codedthemes/) and **[App Generator](https://app-generator.dev/)**.