building-admin-dashboards

Build Streamlit admin dashboards with YAML authentication and Firestore data editing.

Updated Dec 17, 2025
One-click install
npx skills add https://github.com/ionmidori/SYDBioedilizia --skill building-admin-dashboards
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: building-admin-dashboards
Source: https://github.com/ionmidori/SYDBioedilizia/tree/main/.gemini/skills/building-admin-dashboards
Command: npx skills add https://github.com/ionmidori/SYDBioedilizia --skill building-admin-dashboards

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires streamlit, streamlit-authenticator, bcrypt, google-cloud-firestore, pandas, httpx, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the creation of secure, interactive admin dashboards for managing business data, eliminating the need for complex custom UI development for back-office tools.

Core Features & Use Cases

  • Secure Authentication: Implements user login using streamlit-authenticator with YAML-based credentials and bcrypt hashing.
  • Interactive Data Editing: Leverages st.data_editor for in-app modification of data tables, directly updating Firestore.
  • Firestore Integration: Seamlessly connects to Google Firestore for data persistence and retrieval.
  • PDF Preview: Includes functionality for previewing generated PDFs (though implementation details are in linked references).
  • Use Case: Build an admin console for reviewing and approving renovation quotes, managing a pricing book, or any internal tool requiring protected access and data manipulation.

Quick Start

Run the Streamlit application using the command streamlit run app.py --server.port 8501 from the backend_python/admin_tool directory.

Frequently Asked Questions about building-admin-dashboards

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a secure admin dashboard in Streamlit with Firestore integration?

You can build a secure Streamlit admin dashboard by using streamlit-authenticator for YAML-based login, bcrypt for password hashing, and the google-cloud-firestore library to persist data changes made through st.data_editor.

How does st.data_editor update Google Firestore in a Streamlit application?

The st.data_editor component captures user table modifications and directly updates Google Firestore by mapping the edited rows to Firestore write operations, ensuring persistent backend synchronization for master data management.

What's the best way to add authentication to a Streamlit admin console?

The best way to add authentication is using streamlit-authenticator with YAML-based credentials and bcrypt password hashing, which secures your internal tools and protects data manipulation features.

Can I use Streamlit to manage and review renovation quotes with PDF preview capabilities?

Yes, Streamlit can manage and review renovation quotes through interactive data editors and Firestore integration, and includes functionality for previewing generated PDFs directly within the admin dashboard application.

Do I need bcrypt and httpx to run a Streamlit data editor dashboard?

Yes, bcrypt is required for hashing user credentials in the authentication setup, while httpx is needed for backend communication, alongside pandas for data manipulation and google-cloud-firestore for storage.

Why use YAML-based authentication for internal Streamlit tools instead of a database?

YAML-based authentication simplifies deployment for internal Streamlit tools by managing credentials in a static file, utilizing bcrypt for secure password hashing without needing a dedicated user management database.