Case Study 5 of 7

Client / Education•2024•Live & Client Verified

Rankers Home Tuition

Tutoring Discovery Platform with Progressive Inquiry Funnel & Webhook Alerts

My Role

Full-Stack Developer & Digital Consultant

Timeline

2 Months

Team

Solo Engineer

Primary Stack

React, Tailwind CSS, Firebase

Visit Live App View Repository

Key Verified Outcomes & Metrics

200+

Parent Inquiries

Qualified student leads generated

5.0/5.0

Client Rating

Verified video testimonial on homepage

-40%

Response Time

Automated alert pipeline speeds up callbacks

50+

Tutors Onboarded

Verified local teachers registered

Project Overview & The Core Problem

Transform an offline home-tutoring agency into a credible digital brand that captures student leads, verifies teacher qualifications, and manages subject requests efficiently.

My Responsibilities & Contributions

Engineered the full responsive web portal using React and Tailwind CSS.
Integrated Firebase Firestore for realtime lead submission and counselor dashboard.
Implemented automated WhatsApp and SMS webhook alerts for new parent inquiries.
Structured SEO content targeting local searches (CBSE, ICSE, competitive exams in Greater Noida).

Technical Architecture

System Design & Component Flow

1. Frontend Client

React single-page application with responsive mobile-first UI

2. Backend & APIs

Firebase Functions & Cloud Firestore real-time collection

3. Database / AI Tooling

Data Flow Pipeline

1. Browse

Parent explores qualified subject teachers & grade levels

2. Inquire

Submits 3-step inquiry with student grade and location

3. Notify

Firestore trigger sends instant push notification to agency founder

4. Match

Counselor connects parent with ideal verified home tutor

Engineering Challenges & Implemented Solutions

Building in the real world means encountering unexpected edge cases, latency bottlenecks, and technical trade-offs.

Challenge 01

Parent Usability on Varied Devices

Many parents submitting tuition requests had minimal digital literacy and abandoned lengthy registration forms.

Solution Implemented

3-Step Progressive Inquiry Form

Replaced complex forms with a 3-click wizard: Select Class/Subject -> Enter Location -> Provide Phone Number.

Challenge 02

Urgent Callback Requirements

Tuition leads decay quickly if tutors or counselors do not reach out within 30 minutes of inquiry submission.

Solution Implemented

Instant Webhook Notifications

Built automated alerts delivering lead contact details directly to the client's phone via instant messaging.

Technologies Utilized in Rankers Home Tuition

ReactTailwind CSSFirebaseExpress

Core Capabilities Shipped

3-step simplified parent inquiry funnel with subject and class picker
Teacher verification showcase highlighting academic credentials and background checks
Integrated video testimonial and parent reviews building local credibility
One-tap call and WhatsApp consultation floating action buttons

Final Outcome

Generated over 200+ verified student inquiries in the first 6 months, earning a published video testimonial from the agency founder.