Онлайн-платформа для репетиторства за підпискою з плануванням у реальному часі
Освітній стартап потребував платформу, що поєднує учнів з репетиторами через доступ на основі підписки, з функціями планування в реальному часі, автоматичними платежами та безперебійним досвідом бронювання.
Обговоріть Ваш Проєкт
Виклик
Створення надійного ринку репетиторства вимагало вирішення численних інтеграційних викликів:
- Складність планування — Координація доступності репетиторів з бронюваннями учнів вимагала синхронізації календаря в реальному часі
- Платіжні потоки — Управління підписками, одноразовими платежами та виплатами репетиторам через єдину платіжну систему
- Автентифікація — Безпечний доступ з кількома ролями для учнів, репетиторів та адміністраторів
- Надійність форм — Складні форми бронювання та реєстрації потребували сильної валідації для запобігання помилкам та забезпечення якості даних
- Оновлення в реальному часі — Учні та репетитори потребували миттєвого зворотного зв'язку про зміни бронювання та події платформи
Наше Рішення
Ми створили повноцінну платформу для репетиторства, використовуючи Supabase для автентифікації та даних у реальному часі, Stripe для виставлення рахунків за підписку та виплат репетиторам, а також Calendly для планування — все це оформлено в сучасному інтерфейсі React/TypeScript.
Архітектура
- Фронтенд: React з TypeScript, TailwindCSS та бібліотекою компонентів Shadcn/UI
- Інструмент збірки: Vite для швидкої розробки та оптимізованих виробничих збірок
- Бекенд: Supabase Edge Functions для захищених API-кінцевих точок, що обробляють бронювання, платежі та реєстрацію
- База даних: Supabase (PostgreSQL) з підписками в реальному часі для живих оновлень
- Автентифікація: Supabase Auth з доступом на основі ролей
- Планування: Інтеграція Calendly для синхронізації бронювань у реальному часі
- Платежі: Stripe для підписок, одноразових платежів та виплат репетиторам
- Управління станом: Redux Toolkit для глобального стану, React Query для стану сервера
- Валідація форм: React Hook Form з валідацією схем Zod
- Анімації: Framer Motion для переходів, завантажувачів та модальних вікон
Ключові особливості
- Система підписок — Плани на базі Stripe з періодичними платежами та підтримкою безкоштовного рівня
- Планування в реальному часі — Інтеграція Calendly для синхронізації бронювань між учнями та репетиторами
- Supabase Edge Functions — Безсерверні API-кінцеві точки для логіки бронювань, платежів та реєстрації
- Валідація форм — React Hook Form зі схемами Zod, що запобігають помилкам при відправці
- Виплати репетиторам — Автоматизована обробка виплат через Stripe Connect
- Живі оновлення — Підписки Supabase в реальному часі для миттєвих змін бронювання та статусу
- Адаптивний дизайн — Мобільно-дружній інтерфейс з анімаціями Framer Motion та доступними модальними вікнами
- Автоматизоване розгортання — Конвеєр CI/CD для стабільних та послідовних випусків
Результати
Технологічний Стек
caseStudyDetail.more Кейси
Ознайомтесь з іншими нашими технічними впровадженнями
Мультиплатформна система управління контентом та підписками
Постачальник контентних/підписних послуг потребував повної платформи, що охоплює мобільний додаток, вебадмінку та бекенд, для керування автентифікацією користувачів, бібліотеками контенту та життєвими циклами підписок.
Платформа Catant для управління персоналом та робочою силою
Catant — це модульна платформа для управління персоналом та робочою силою, яка допомагає підприємствам керувати співробітниками, заробітною платою, відвідуваністю та відповідністю нормативним вимогам з однієї панелі керування.
Часті запитання
MicrocosmWorks розробила механізм планування для зберігання всієї доступності в UTC та відображення її в локальному часовому поясі користувача за допомогою бази даних часових поясів IANA. Система також автоматично обробляє переходи на літній час і відображає вікна збігу, коли студент в одному часовому поясі шукає репетиторів в іншому.
MicrocosmWorks розробив автоматизований робочий процес перепланування, який негайно сповіщає студента, пропонує доступних репетиторів на заміну з відповідною предметною експертизою і повертає кредит за заняття, якщо не знайдено підходящої альтернативи. Репетитори, які скасовують заняття неодноразово, позначаються в системі оцінки надійності.
MicrocosmWorks запровадила гнучку систему підписки на основі кредитів, де студенти купують щомісячні пакети годин, які переносяться на строк до 60 днів. Платформа підтримує оновлення та пониження тарифів в середині циклу з пропорційним розрахунком оплати, що обробляється через API планування підписок Stripe.
Так, MicrocosmWorks створила відеоінфраструктуру, використовуючи WebRTC з архітектурою SFU (Selective Forwarding Unit), яка масштабується від індивідуальних сесій (1:1) до групових сесій до 8 учасників. Групові сесії споживають менше кредитів на студента, стимулюючи спільне навчання, при цьому зберігаючи заробіток репетитора.
MicrocosmWorks зазвичай розробляє платформи для репетиторства за ставками розробки $15-$40/год, при цьому повний обсяг робіт, включаючи інтеграцію відео, планування, платежі та підбір репетиторів, вимагає 600-900 годин. Інфраструктура WebRTC може бути розгорнута на економічно ефективних хмарних інстансах, підтримуючи низькі поточні експлуатаційні витрати.
Готові Трансформувати Свій Бізнес?
Давайте обговоримо, як ми можемо застосувати подібні рішення для ваших завдань.