Online-tutoroinnin tilausalusta reaaliaikaisella aikataulutuksella
Koulutusalan startup-yritys tarvitsi alustan, joka yhdistää opiskelijat tuutoreihin tilauspohjaisen pääsyn kautta, sisältäen reaaliaikaisen aikataulutuksen, automaattiset maksut ja saumattoman varauskokemuksen.
Keskustele Projektistasi
Haaste
Luotettavan tutorointimarkkinapaikan rakentaminen vaati useiden integraatiohaasteiden ratkaisemista:
- Aikataulutuksen monimutkaisuus — Tuutorin saatavuuden koordinoiminen opiskelijoiden varausten kanssa vaati reaaliaikaista kalenterisynkronointia
- Maksuliikenne — Tilausten, kertamaksujen ja tuutoreiden maksujen hallinta yhden maksujärjestelmän kautta
- Todennus — Turvallinen moniroolipääsy opiskelijoille, tuutoreille ja ylläpitäjille
- Lomakkeiden luotettavuus — Monimutkaiset varaus- ja käyttöönotto-lomakkeet tarvitsivat vahvaa validointia virheiden estämiseksi ja datan laadun varmistamiseksi
- Reaaliaikaiset päivitykset — Opiskelijat ja tuutorit tarvitsivat välitöntä palautetta varausmuutoksista ja alustan tapahtumista
Meidän Ratkaisumme
Rakensimme täyden pinon tutorointialustan käyttäen Supabasea todentamiseen ja reaaliaikaiseen dataan, Stripeä tilauslaskutukseen ja tuutoreiden maksuihin, ja Calendlya aikataulutukseen — kaikki modernissa React/TypeScript-käyttöliittymässä.
Arkkitehtuuri
- Käyttöliittymä: React TypeScriptillä, TailwindCSS:llä ja Shadcn/UI-komponenttikirjastolla
- Rakennustyökalu: Vite nopeaan kehitykseen ja optimoituihin tuotantoversioihin
- Taustajärjestelmä: Supabase Edge Functions turvallisille API-rajapinnoille, jotka käsittelevät varauksia, maksuja ja käyttöönottoa
- Tietokanta: Supabase (PostgreSQL) reaaliaikaisilla tilauksilla live-päivityksiin
- Todennus: Supabase Auth roolipohjaisella pääsyllä
- Aikataulutus: Calendly-integraatio reaaliaikaiseen varaus-synkronointiin
- Maksut: Stripe tilauksiin, kertamaksuihin ja tuutoreiden maksuihin
- Tilan hallinta: Redux Toolkit globaaliin tilaan, React Query palvelimen tilaan
- Lomakkeen validointi: React Hook Form Zod-skeemavalidoinnilla
- Animaatiot: Framer Motion siirtymiin, latausindikaattoreihin ja modaali-ikkunoihin
Tärkeimmät ominaisuudet
- Tilausjärjestelmä — Stripe-pohjaiset suunnitelmat toistuvalla laskutuksella ja ilmaiskerroksen tuella
- Reaaliaikainen aikataulutus — Calendly-integraatio varaus-synkronointiin opiskelijoiden ja tuutoreiden välillä
- Supabase Edge Functions — Serverless API-rajapinnat varauksiin, maksuihin ja käyttöönoton logiikkaan
- Lomakkeen validointi — React Hook Form Zod-skeemoilla, jotka estävät lähetysvirheitä
- Tuutoreiden maksut — Automatisoitu maksujen käsittely Stripe Connectin kautta
- Reaaliaikaiset päivitykset — Supabase-reaaliaikaiset tilaukset välittömiin varaus- ja tilamuutoksiin
- Responsiivinen suunnittelu — Mobiiliystävällinen käyttöliittymä Framer Motion -animaatioilla ja esteettömillä modaali-ikkunoilla
- Automatisoitu käyttöönotto — CI/CD-putkisto vakaiden ja johdonmukaisten julkaisujen takaamiseksi
Tulokset
Teknologiapino
caseStudyDetail.more Tapaustutkimukset
Tutustu lisää teknisiin toteutuksiimme
Monialustainen sisällön ja tilausten hallintajärjestelmä
Sisältö-/tilauspalveluntarjoaja tarvitsi täydellisen alustan, joka kattoi mobiilin, verkon hallintaliittymän ja taustajärjestelmän käyttäjän todennuksen, sisältökirjastojen ja tilausten elinkaarten hallintaan.
AI-pohjainen laskujen käsittely OCR:n ja QuickBooks-integraation avulla
Keskisuuri yritys, joka käsitteli satoja toimittajalaskuja kuukausittain, halusi poistaa manuaalisen tiedonsyötön poimimalla laskutiedot automaattisesti AI/OCR:n avulla ja synkronoimalla ne suoraan QuickBooks-järjestelmään kirjanpitoa ja maksujen seurantaa varten.
Usein kysytyt kysymykset
MicrocosmWorks rakensi ajoitusmoottorin tallentamaan kaiken saatavuuden UTC-aikaan ja näyttämään sen käyttäjän paikallisella aikavyöhykkeellä käyttäen IANA-aikavyöhyketietokantaa. Järjestelmä käsittelee myös automaattisesti kesäaikaan siirtymiset ja näyttää päällekkäiset aikavälit, kun opiskelija yhdessä aikavyöhykkeessä etsii opettajia toisesta.
MicrocosmWorks suunnitteli automatisoidun uudelleenjärjestelytyönkulun, joka ilmoittaa välittömästi opiskelijalle, tarjoaa saatavilla olevia korvaavia opettajia vastaavalla aiheen asiantuntemuksella ja hyvittää istunnon, jos sopivaa vaihtoehtoa ei löydy. Opettajat, jotka peruvat toistuvasti, liputetaan luotettavuuden pisteytysjärjestelmässä.
MicrocosmWorks otti käyttöön joustavan luottopohjaisen tilausjärjestelmän, jossa opiskelijat ostavat kuukausittaisia tuntipaketteja, jotka ovat käytettävissä jopa 60 päivää. Alusta tukee tilausten tason nostoja ja laskuja kesken kauden suhteutetulla laskutuksella, joka hoidetaan Stripen subscription scheduling API:n kautta.
Kyllä, MicrocosmWorks rakensi videoinfrastruktuurin käyttäen WebRTC:tä SFU (Selective Forwarding Unit) -arkkitehtuurilla, joka skaalautuu 1:1-istunnoista ryhmäistuntoihin, joissa voi olla enintään 8 osallistujaa. Ryhmäistunnot kuluttavat vähemmän krediittejä opiskelijaa kohden, kannustaen yhteistyöhön perustuvaan oppimiseen ja säilyttäen samalla ohjaajan tulot.
MicrocosmWorks toimittaa tyypillisesti tutorointialustoja kehityshinnoilla 15–40 $/tunti, ja koko laajuus, mukaan lukien videon integrointi, aikataulutus, maksut ja tuutoreiden yhdistäminen, vaatii 600–900 tuntia. WebRTC-infrastruktuuri voidaan ottaa käyttöön kustannustehokkailla pilvi-instansseilla, mikä pitää jatkuvat käyttökustannukset alhaisina.
Valmis Muuttamaan Liiketoimintaasi?
Keskustellaan siitä, miten voimme soveltaa vastaavia ratkaisuja haasteisiisi.