science-portal

Create a Firebase-backed classroom portal with Google authentication and admin controls.

1|Updated Apr 29, 2026
One-click install
npx skills add https://github.com/prayer168/science-portal --skill science-portal
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: science-portal
Source: https://github.com/prayer168/science-portal/tree/main
Command: npx skills add https://github.com/prayer168/science-portal --skill science-portal

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Digitally organizing and sharing multiple interactive learning materials with backend support can be labor-intensive; this skill provides a self-contained entry point and cloud-backed management to streamline distribution and updates.

Core Features & Use Cases

  • Self-contained single-file site that loads materials from Firestore and supports offline caching for classroom use.
  • Firebase-backed admin panel enables Google Sign-In, category management, and material CRUD across devices.
  • Category-based discovery with color-coded labels and card-based material display for classroom workflows.
  • Use Case: A teacher publishes a catalog of digital resources and updates it from any device without deploying a new build.

Quick Start

Push the single HTML file to GitHub Pages (or Firebase hosting) to deploy the site.

Frequently Asked Questions about science-portal

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

FAQPage Schema
How do I build a Firebase classroom portal in a single HTML file?

A single-file Firebase classroom portal uses one HTML file to load materials from Firestore and provides an admin interface. This self-contained approach lets educators manage and synchronize interactive resources across devices without complex deployments.

Can I manage classroom materials offline with a Firestore-backed portal?

Yes, the Firestore-backed portal supports offline caching for classroom use. This allows students to access interactive learning materials even without an active internet connection, automatically synchronizing data when connectivity resumes.

How do I set up admin access for a Firebase education portal?

Admin access for a Firebase education portal is set up using Google Sign-In authentication. Once authenticated, administrators can manage categories and perform material CRUD operations across all devices from a centralized interface.

What is the best way to deploy a single-file HTML education portal?

The best way to deploy a single-file HTML education portal is pushing the file to GitHub Pages or Firebase hosting. This provides a quick, accessible URL for classroom distribution without requiring server configuration or build pipelines.

Does a single-file classroom portal support category-based discovery?

Yes, the classroom portal supports category-based discovery using color-coded labels and card-based material display. This organization system helps educators structure digital resources and enables students to easily browse interactive content.

Do I need a new build to update digital resources on a Firestore classroom portal?

No, you do not need a new build to update digital resources on a Firestore classroom portal. Teachers can publish a catalog of materials and update it from any device through the admin panel, with changes synchronizing instantly via Firestore.