Bridging the digital divide, one conversation at a time.
GenerationConnect is an open-source, cross-platform mobile application that creates meaningful intergenerational connections by pairing tech-savvy students with seniors who need technology assistance. Built with passion by three high school students who believe that technology should bring people together, not apart.
We noticed something heartbreaking: while younger generations grow up fluent in technology, our seniors often feel left behind and isolated in an increasingly digital world. At the same time, students need community service hours, but often struggle to find meaningful ways that they're genuinely passionate about to give back.
Generation Connect solves both problems!!!
This isn't just an app; we created our solution with purpose, designed as a tractionable movement. We're creating a platform where:
- 👵 Seniors get patient, personalized tech help from young people who genuinely care
- 🎓 Students may earn community service hours, while developing empathy and real-world teaching skills
- 🤝 Communities grow stronger through cross-generational friendships
- 🌍 Society becomes more inclusive and connected
- Easy Help Requests: Create requests for anything from "How do I video call my grandkids?" to "Help me avoid phishing scams"
- Flexible Scheduling: Book sessions at times that work for you—morning coffee, afternoon tea, or evening chat
- Real-Time Messaging: Chat with your student helper before, during, and after sessions
- Interactive Learning Hub: Master topics like cybersecurity through engaging, step-by-step modules
- Community Bulletin Board: Share stories, tips, and connect with other seniors on their tech journey
- Smart Reminders: Never miss a session with thoughtful notifications (3 days, 1 day, 2 hours, 1 hour, 30 mins, 15 mins before)
- Video Call Integration: Connect face-to-face with students through secure video sessions
- Session Reviews: Rate your experience and help students grow as teachers
- Browse & Claim Requests: Find seniors who need help in your areas of expertise
- Earn Badges & Achievements: Unlock 14+ badges as you make an impact (First Session, Night Owl, Senior Champion, and more!)
- Track Your Impact: Watch your volunteer hours grow automatically—complete with beautiful analytics
- Smart Matching: Our algorithm suggests requests that match your skills and availability
- Create Learning Content: Share your knowledge by contributing to the Learning Hub
- Join the Community: Connect with other student volunteers and share teaching strategies
- Impact Reports: Generate shareable reports of your volunteer work for college applications
- Calendar Export: Sync your sessions with your personal calendar
- Student Verification: Review and approve student volunteer applications
- Support Tickets: Respond to user questions and resolve issues quickly
- Broadcast Notifications: Send important updates to all users
- Platform Analytics: Monitor engagement, popular topics, and community growth
- User Management: Oversee the GenerationConnect community
- Activity Monitoring: Stay on top of requests, sessions, and messaging patterns
We chose our tech stack carefully to ensure scalability, security, ease of navigation, intuitiveness, and accessibility:
- React Native 0.81.4 - Write once, run everywhere (iOS, Android, even Web!)
- Expo SDK 54.0.10 - Rapid development with a deeelightful developer experience --> legitimately soo nice to use!
- TypeScript 5.9.2 - Type safety prevents bugs before they happen
- Expo Router 6.0.8 - Intuitive file-based navigation
- Lucide React Native - Beautiful, consistent icons
- React Native Reanimated - Buttery-smooth 60 FPS animations
- Supabase - Open-source Firebase alternative (PostgreSQL + Auth + Real-time + Storage)
- PostgreSQL - Rock-solid relational database with 30+ years of development
- Row Level Security (RLS) - Database-level security with 66+ policies across all tables
- Supabase Edge Functions - Serverless TypeScript functions running on Deno
- Real-time Subscriptions - Live updates for messaging and notifications
- JWT Authentication - Industry-standard token-based auth
- bcrypt Password Hashing - Secure password storage
- Role-Based Access Control - Three distinct roles (student, senior, admin)
- Environment Variables - Sensitive keys never touch version control
- HTTPS Only - All communication encrypted in transit
📱 Frontend (React Native + Expo)
- (HTTPS/WSS)
🔐 Supabase Auth Layer (JWT)
🛡️ Row Level Security Policies
🗄️ PostgreSQL Database (15+ Tables)
⚡ Edge Functions (Serverless)
- profiles - User accounts with role information
- student_profiles - Extended data for students (school, grade, skills, hours)
- help_requests - Technology assistance requests from seniors
- sessions - Scheduled tutoring sessions with completion tracking
- messages - Real-time chat between users
- reviews - Post-session feedback and ratings
- community_posts - Bulletin board for community engagement
- badges & student_badges - Gamification system
- support_tickets - Admin support workflow
- session_notifications - Smart reminder system
- user_reminder_preferences - Customizable notification settings
- generate-calendar - Export sessions to .ics calendar format
- generate-impact-report - Create PDF reports of student volunteer work
- send-admin-notifications - Broadcast system for admins
-> though please pleasee contact us if you need any help
Before you begin, ensure you have:
- Node.js (v18 or later) - Download here
- npm (comes with Node.js) or yarn
- Git - Download here
- A code editor like VS Code or Cursor
git clone https://github.com/AdyaS2010/Generation-Connect.git
cd Generation-Connectnpm install
npm install -g expo-cliWhat this does: Downloads all required packages and installs Expo's command-line tools globally.
- Create a free Supabase account at supabase.com
- Create a new project - Choose a name, database password, and region
- Wait 2 minutes for your database to spin up (grab a coffee!)
- Find your project credentials:
- Go to Project Settings → API
- Copy your
Project URL(looks likehttps://xxxxx.supabase.co) - Copy your
anon/publickey (starts witheyJ...)
Create a .env file in the project root:
# Create the file
touch .env
# Open it in your editor
code .env # or: nano .envAdd your Supabase credentials:
EXPO_PUBLIC_SUPABASE_URL=https://your-project-id.supabase.co
EXPO_PUBLIC_SUPABASE_ANON_KEY=your-anon-key-hereyour-project-id and your-anon-key-here with your actual credentials from Step 3!
The migrations are already written! Apply them in your Supabase dashboard:
- Go to SQL Editor in your Supabase project
- Create a new query
- Copy the contents of each migration file from
supabase/migrations/(in chronological order) - Execute each migration
- Or use the Supabase CLI:
# Install Supabase CLI
npm install -g supabase
# Link to your project
supabase link --project-ref your-project-id
# Push all migrations
supabase db pushRun the admin account creation script:
node scripts/create-admin-account.jsFollow the prompts to create an admin user. You'll need this to:
- Approve student volunteers
- Manage support tickets
- Monitor platform health
npm run dev
npx expo startWhat you'll see:
- A QR code in your terminal
- A browser window opens with the Expo DevTools
- Options to run on iOS simulator, Android emulator, or web browser
- Install Expo Go from the App Store (iOS) or Play Store (Android)
- Scan the QR code with your phone's camera (iOS) or Expo Go app (Android)
- The app will load on your device in seconds!
- Press
win the terminal whereexpo startis running - Or click "Run in web browser" in Expo DevTools
- iOS: Press
i(requires macOS with Xcode) - Android: Press
a(requires Android Studio)
- Sign up as a Senior: Test the help request flow
- Sign up as a Student: Try claiming a request and scheduling a session
- Log in as Admin: Approve the student and explore admin features
| Command | Description |
|---|---|
npm run dev |
Start development server with hot reload |
npx expo start |
Alternative way to start dev server |
npm run build:web |
Build optimized web production bundle |
npm run lint |
Check code for style issues |
npm run typecheck |
Verify TypeScript types (catch bugs early!) |
Generation-Connect/
├── app/ # All screens and routes
│ ├── (tabs)/ # Main tab navigation
│ │ ├── index.tsx # Home - Browse requests
│ │ ├── dashboard.tsx # Student dashboard
│ │ ├── community.tsx # Senior community hub
│ │ ├── sessions.tsx # Session history
│ │ ├── learning.tsx # Learning modules
│ │ ├── messages.tsx # Real-time chat
│ │ └── profile.tsx # User profile
│ ├── auth/ # Authentication flows
│ │ ├── sign-in.tsx
│ │ ├── senior-signup.tsx
│ │ ├── student-signup.tsx
│ │ ├── admin-signup.tsx
│ │ └── upload-documents.tsx # Student verification
│ ├── admin/ # Admin-only screens
│ │ ├── index.tsx # Admin dashboard
│ │ ├── students.tsx # Student verification
│ │ ├── tickets.tsx # Support tickets
│ │ ├── notifications.tsx # Broadcast center
│ │ └── settings.tsx # Platform settings
│ ├── chat/
│ │ └── [requestId].tsx # 1-on-1 messaging
│ ├── community/
│ │ ├── [id].tsx # View community post
│ │ └── create.tsx # Create new post
│ ├── learning/
│ │ └── cybersecurity.tsx # Interactive security module
│ ├── profile/
│ │ └── skills.tsx # Student skill management
│ ├── request/
│ │ ├── create.tsx # Seniors create requests
│ │ └── [id].tsx # Request details
│ ├── session/
│ │ ├── create.tsx # Schedule a session
│ │ └── [id]/
│ │ └── complete.tsx # Mark session complete
│ ├── support/
│ │ └── create.tsx # Create support ticket
│ ├── _layout.tsx # Root layout with auth
│ └── index.tsx # Welcome screen
├── contexts/
│ └── AuthContext.tsx # Global auth state
├── hooks/
│ └── useFrameworkReady.ts # Framework initialization
├── lib/
│ ├── supabase.ts # Supabase client
│ └── validation.ts # Input validation helpers
├── types/
│ └── database.ts # TypeScript database types
├── supabase/
│ ├── migrations/ # 11 database migrations
│ └── functions/ # 3 serverless edge functions
├── scripts/
│ ├── create-admin-account.js # Admin setup script
│ └── create-admin.sql # Admin SQL migration
├── .env # Environment variables (create this!)
├── app.json # Expo configuration
├── package.json # Dependencies and scripts
├── tsconfig.json # TypeScript configuration
└── README.md # You are here!
We take security super seriously. Here's how we protect our users:
- ✅ Secure email/password authentication via Supabase Auth
- ✅ JWT tokens with automatic refresh
- ✅ Persistent sessions with secure storage
- ✅ Role-based access control (RBAC)
- ✅ 66 Row Level Security (RLS) policies - Users can ONLY access their own data
- ✅ No public access - Everything requires authentication
- ✅ SQL injection prevention through parameterized queries
- ✅ Foreign key constraints maintain data integrity
- ✅ Enum types restrict values to valid options
- ✅ HTTPS-only communication
- ✅ Environment variables for sensitive keys
- ✅ Input validation on all forms
- ✅ XSS protection via React Native's built-in sanitization
- ✅ Rate limiting on auth endpoints
- ✅ Users control their profile visibility
- ✅ Messages are private and encrypted in transit
- ✅ Admins have logged actions for accountability
- ✅ GDPR-friendly data architecture
We're just getting started! Here's what's coming:
- AI-Powered Matching - Smarter pairings based on personality and learning style
- Video Calling - Built-in video chat (no more Zoom links!)
- Mobile Apps - Native iOS and Android apps in App Store and Play Store
- Multi-Language Support - Break language barriers
- Parent/Guardian Portal - Let families stay involved
- Nonprofit Dashboard - Tools for schools and senior centers
- Achievement Sharing - Post your impact on social media
- Advanced Learning Modules - More topics beyond cybersecurity
This is an open-source project, and we'd absolutely love your help!
Whether you're a developer, designer, educator, or just someone who cares about bridging generations and contributing, there's a place for you here 🫶.
- 🐛 Report Bugs - Found something broken? Open an issue!
- 💡 Suggest Features - Have an idea? We want to hear it!
- 📝 Improve Documentation - Help others get started
- 🎨 Design Assets - Create graphics, icons, or UI mockups
- 💻 Code Contributions - Submit pull requests
- 🌍 Translations - Help us reach more communities
- 📣 Spread the Word - Share with schools, senior centers, and community organizations
- Write TypeScript, not JavaScript (as we learnt, type safety saves livesss! ;D)
- Follow the existing code style (we use Prettier for formatting)
- Test on interactive deployable platforms (both iOS and Android, as well as web) before submitting PRs
- Add comments for complex logic -> code-convention 😉
- Update the README if you add features or contact one of us!
This project wouldn't exist without:
- Our families - For believing in three high schoolers with a vision
- The Supabase team - For building amazing open-source tools
- The Expo community - For making mobile development super accessible
- Our mentors (documentation, internet, videos, etc.) - For guiding us through technical challenges
- Every senior and student who will use this app - You're why we built this
Adya S | Sahana R | Zoya S
Three high school students who believe technology should connect generations, not divide them.
This project is licensed under the MIT License - see the LICENSE file for details.
TL;DR: You can use this code for anything—personal projects, commercial products, school assignments. Just include the original license and give credit where it's due 🫡. We'd love to hear what you build!
If this project inspires you, give us a star on GitHub! It helps other developers discover GenerationConnect too, and come on and be part of this initiative!
Together, we can bridge the digital divide.
- 🐛 Issues: GitHub Issues
- 💬 Discussions: GitHub Discussions
- 📧 Email: adyasastry@gmail.com
Made with ❤️ and a wholeeee lot of late-night (early morning) coding sessions 😂
"The best way to predict the future is to create it." - Peter Drucker