ClassPing

• 

  thumbnail

• 

  dashboard

💡 Inspiration

Educational centers like the June Bug Center constantly struggle with fragmented communication. When staff rely on a mix of text messages, WhatsApp groups, and physical flyers, information gets lost. Parents miss class schedule changes, and staff waste hours answering repetitive questions. I realized that what they needed wasn't another chat app, but a centralized, real-time "single source of truth."

⚙️ What it does

ClassPing is a real-time communication and scheduling platform featuring role-based access:

• For Staff (Admins): A clean operational dashboard to manage class schedules, post updates, and trigger instant announcements. They can mark classes as full, cancelled, or rescheduled with one click.
• For Parents (Users): A distraction-free UI that displays their upcoming schedule and general announcements.
• 🔥 The Standout Feature - Priority Feed: To prevent information overload, the system algorithmically pushes urgent updates (like a sudden cancellation or time change) to a "Priority Reminders" feed at the top of the parent dashboard.

🛠️ How we built it

To ensure this solution was fast, scalable, and updated in real-time without requiring users to refresh their pages, the architecture was built heavily on Google Technologies:

• Authentication: Implemented Firebase Authentication to securely handle different user roles (Admin vs. Parent).
• Database & Real-Time Sync: Utilized Cloud Firestore as the NoSQL backend. By leveraging Firestore's real-time listeners, any schedule change made by an admin instantly pushes to the parent's dashboard.
• Frontend: Built a responsive, mobile-first UI using React/Next.js and Tailwind CSS.
• Hosting: Deployed via Firebase Hosting for high availability.

⚠️ Challenges we ran into

The biggest challenge was structuring the NoSQL database schema to be highly read-efficient. Instead of doing complex relational joins on the client side, I had to denormalize the data structure for classes and announcements so the frontend could fetch and render the Priority Feed instantly.

🧠 Accomplishments that we're proud of

I am incredibly proud of delivering a fully functional, bug-free MVP within a tight 4-day timeframe. Building a system where state changes (like an admin cancelling a class) reflect instantly across all logged-in user dashboards without a hard refresh is a massive win for user experience.

🚀 What's next for ClassPing

While originally designed for the June Bug Center prompt, the underlying architecture is highly scalable. The next step is to expand ClassPing into a multi-tenant SaaS application, allowing any coaching institute, daycare, or local training center to spin up their own secure communication hub in minutes.

Built With

• firebase
• firebase-authentication
• google-cloud-firestore
• javascript
• next.js
• react
• tailwind-css