How kiktro/st.-stephen-s-school-birati-x-kiktro-labs works
This is a robotics-AI community web app for students to create profiles, publish idea or project posts with media, and browse and discuss community work. The main flow is Google sign-in, profile completion, feed discovery, and post creation; post cards support reactions and threaded comments. Firebase provides authentication and Firestore, while media uploads pass through a server API to Cloudinary. The excerpts establish these principal links; unsampled component behavior and any additional integrations are not inferred.
Main entry points: index.tsx Sign-in and routing · Feed.tsx Community feed · CreatePostModal.tsx Post creation · OnboardingModal.tsx Profile onboarding
Components 12
Access and profiles
- Sign-in and routing
src/pages/index.tsx - Profile onboarding
src/components/OnboardingModal.tsx
Community publishing
- Post creation
src/components/CreatePostModal.tsx - Media upload API
src/pages/api/upload.ts
Feed and discussion
- Community feed
src/components/Feed.tsx - Post details and reactions
src/components/PostCard.tsx
Platform services
- Firebase client setup
src/lib/firebase.ts - Firebase Authentication
- Google sign-in
- Cloudinary media service
- Firestore data
Other components
- Community member
Connections 15
- Community member → Sign-in and routing: opens app
- Sign-in and routing → Firebase client setup: uses services
- Sign-in and routing → Firebase Authentication: tracks and signs in
- Firebase Authentication → Google sign-in: authenticates with
- Sign-in and routing → Firestore data: reads profile
- Sign-in and routing → Profile onboarding: opens when needed
- Profile onboarding → Firestore data: writes profile
- Sign-in and routing → Community feed: renders after access
- Community feed → Firestore data: subscribes to posts
- Community feed → Post creation: opens composer
- Post creation → Media upload API: sends media
- Media upload API → Cloudinary media service: uploads media
- Post creation → Firestore data: creates post
- Community feed → Post details and reactions: renders posts
- Post details and reactions → Firestore data: reads comments; writes reactions