codelitdev / Firebase Admin Dashboard
Easily create admin dashboards for your Firebase powered apps.
Stars: ✭ 48
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Firebase Admin Dashboard
Rademade admin
Best rails admin panel!
Stars: ✭ 40 (-16.67%)
Mutual labels: admin-dashboard, admin-panel
Laravel Multiauth
Multi Auth and admin auth in Laravel Project
Stars: ✭ 315 (+556.25%)
Mutual labels: admin-dashboard, admin-panel
Windmill Dashboard React
❄ A multi theme, completely accessible, ready for production dashboard.
Stars: ✭ 283 (+489.58%)
Mutual labels: admin-dashboard, admin-panel
Material Kit React
React Dashboard made with Material UI’s components. Our pro template contains features like TypeScript version, authentication system with Firebase and Auth0 plus many other
Stars: ✭ 3,465 (+7118.75%)
Mutual labels: firebase, admin-dashboard
Vuetify Admin Dashboard
A Crud Admin panel made from Vue js and Vuetify
Stars: ✭ 481 (+902.08%)
Mutual labels: admin-dashboard, admin-panel
Okadminfinder3
[ Admin panel finder / Admin Login Page Finder ] ¢σ∂є∂ ву 👻 (❤-❤) 👻
Stars: ✭ 279 (+481.25%)
Mutual labels: admin-dashboard, admin-panel
Coreui Free React Admin Template
CoreUI React is a free React admin template based on Bootstrap 5
Stars: ✭ 3,573 (+7343.75%)
Mutual labels: admin-dashboard, admin-panel
motor-admin
Deploy a no-code admin panel for any application in less than a minute. Search, create, update, and delete data entries, create custom actions, and build reports.
Stars: ✭ 1,145 (+2285.42%)
Mutual labels: admin-dashboard, admin-panel
Kongdash
An elegant desktop client for Kong Admin API
Stars: ✭ 449 (+835.42%)
Mutual labels: admin-dashboard, admin-panel
Coreui Free Laravel Admin Template
CoreUI Free Laravel Bootstrap Admin Template
Stars: ✭ 353 (+635.42%)
Mutual labels: admin-dashboard, admin-panel
Bootstrapadmin
Bootstrap 4 admin template.
Stars: ✭ 273 (+468.75%)
Mutual labels: admin-dashboard, admin-panel
Litstack
Build content-administration-panels in Laravel
Stars: ✭ 602 (+1154.17%)
Mutual labels: admin-dashboard, admin-panel
Coreui Free Vue Admin Template
Open source admin template based on Bootstrap 5 and Vue 3
Stars: ✭ 2,951 (+6047.92%)
Mutual labels: admin-dashboard, admin-panel
Doctype admin
Laravel Admin Panel for lazy developers. Contains User Management, Roles and Permission Management, Activity Logging and integratable packages
Stars: ✭ 44 (-8.33%)
Mutual labels: admin-dashboard, admin-panel
lightence-admin
Free and easy-to-use admin template based on React 17+
Stars: ✭ 337 (+602.08%)
Mutual labels: admin-dashboard, admin-panel
Deskapp
DeskApp Admin is a free to use Bootstrap 4 admin template.
Stars: ✭ 296 (+516.67%)
Mutual labels: admin-dashboard, admin-panel
sakai-vue
Free Vue Admin Template by PrimeVue
Stars: ✭ 308 (+541.67%)
Mutual labels: admin-dashboard, admin-panel
nextjs-admin-template
Free admin dashboard template based on Next.Js with @paljs/ui component package
Stars: ✭ 266 (+454.17%)
Mutual labels: admin-dashboard, admin-panel
Admin Bro
AdminJS is an admin panel for apps written in node.js
Stars: ✭ 4,433 (+9135.42%)
Mutual labels: admin-dashboard, admin-panel
Cleopatra
Admin Dashboard Template Built On Tailwind CSS
Stars: ✭ 521 (+985.42%)
Mutual labels: admin-dashboard, admin-panel
Starter Project For Building Admin Dashboards For Firebase Apps
Easily create admin dashboards for your Firebase powered apps. For example, you can create a merchant dashboard for uploading items on an e-commerce site which uses Firebase as the backend.
Project Structure
-
dashboard: contains a react based app which will be served using
Firebase hosting. It hits a Firebase cloud function
api
defined insidefunctions
folder. -
functions: contains an
api
cloud function which is basically an Express based API for your app. Your write all your protected business logic here.
Setup
-
Put your Firebase project's name in
.firebaserc
. -
Set a secret key for JWT token on Firebase.
firebase functions:config:set auth.secret="<YOUR_SECRET>"
-
Cd to
functions
folder and runyarn install
-
For every admin user, run the npm script
yarn run passwdgen <username> <password>
and follow further instructions.
-
Cd to
dashboard
folder and runyarn install
-
In
dashboard/src/globals.js
file, set your local and production cloud functions endpoints in API_URL. To get these values, run:for local
firebase serve --only functions
for production
firebase deploy
Debugging
- Download your project's service account key
.json
file and export it in your environment variable.set GOOGLE_APPLICATION_CREDENTIALS=<path_to_json_file>/serviceAccountKey.json
- Get a copy of Firebase environment variables set on the server, for running the functions locally. From
functions
folder, runfirebase functions:config:get > .runtimeconfig.json
- Run the functions locally
firebase serve --only functions
- Cd to
dashboard
folder and runyarn start
Deploying
Run deploy.sh
.
Help
Please open a new issue in case you are facing some problem or write to me at [email protected].
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].