CircleOn.me është një mjet në shfletues për atletët studentë që përgatisin video rekrutimi. Ata ngjitin një link YouTube ose ngarkojnë videon e ndeshjes, klikojnë mbi veten në çdo aksion kyç dhe marrin një MP4 me ngrirje kuadri, rreth të animuar dhe muzikë sipas dëshirës. Ka një plan falas, ndërsa planet me pagesë kalojnë përmes Stripe.
Kush e përdor dhe për çfarë
- Një lojtar i shkollës së mesme shënon veten me rreth në ndeshjen e plotë, që trajnerët e kolegjit ta ndjekin në çdo aksion.
- Një prind e kthen një sezon ndeshjesh në YouTube në një video të shkurtër rekrutimi, pa paguar montazhier.
- Një trajner klubi me planin Pro eksporton çdo muaj klipe për disa lojtarë.
- Themeluesit ndjekin në panelin e administrimit regjistrimet, të ardhurat, burimet e marketingut dhe gjendjen e renderimeve.
Si është ndërtuar
- Studio në shfletues ku rrathët vendosen dhe ndryshojnë madhësi me një klik mbi videon YouTube ose të ngarkuar. Draftet ruhen lokalisht dhe sinkronizohen me Firestore.
- Eksportet renderohen në workerë Modal që e shkarkojnë videon përmes proxy-ve në rotacion dhe e ndërtojnë MP4-n me FFmpeg. Dëgjuesit e Firestore e tregojnë statusin sapo ndryshon.
- Cloud Functions zbatojnë kufijtë e planeve, kreditet dhe rimbursimet, trajtojnë webhook-et e Stripe dhe bllokojnë riregjistrimin për eksporte falas shtesë.
- Module përmbajtjeje të tipizuara krijojnë një faqe për çdo sport, pozicion dhe divizion, të publikuar nga CI në Firebase Hosting.
Teknologjitë
Në shifra
- About 78 Vue components and 29 composables
- 15 Cloud Functions: callables, Stripe webhook, Firestore triggers and scheduled jobs
- 4 plans (Free, Single credit, Plus, Pro) on Stripe subscriptions and one-time credits
- Serverless FFmpeg render pipeline on Modal: freeze-frames, circle overlays, music, watermark
- 81 programmatic SEO pages in the sitemap (sports, positions, divisions, how-to guides)
- Admin dashboard with 5 tabs: users, payments, proxies, growth attribution and activity
- 136 commits, about 78% by us
Website
Video studio
Athlete dashboard
Admin dashboard
Të gjitha pamjet tregojnë të dhëna demonstruese të sajuara.