IntelliCampus Hub is a verified, student-centric social and academic networking platform designed to connect students and alumni across colleges. It combines the engagement of modern social platforms with the trust and focus required for academic collaboration.
In today’s digital world, students lack a verified and focused platform to collaborate beyond their campus. Existing social media platforms are noisy and unverified, while college portals are limited and rigid.
IntelliCampus Hub fills this gap by providing:
- Verified student & alumni networking
- Campus-centric social feeds
- Academic project sharing
- Secure real-time communication
- Email & document-based verification
- Supports students without college email IDs
- Separate flows for current students and alumni
- Campus-wise and branch-wise posts
- Academic, event, campus life & alumni categories
- Multimedia support (images & videos)
- Upload ZIP files with descriptions
- Download, like, and comment on projects
- Encourages peer learning & collaboration
- One-to-one messaging
- Group chat support
- File & media sharing
- Dedicated alumni feed
- Career updates, mentorship & guidance
- Strong junior–senior connection
- React 18
- TypeScript
- Vite
- React Router DOM
- Tailwind CSS
- shadcn/ui
- Framer Motion
- Lucide Icons
- Recharts
- @tanstack/react-query
- React Hook Form
- Zod
- Supabase
- Authentication
- PostgreSQL Database
- Storage
- Edge Functions
- Realtime
- date-fns
- Sonner (Toasts)
- Docker (local Edge Function testing)
- Tesseract.js (OCR)
The application follows a Serverless Client–Database Architecture:
-
Client Tier
- React + TypeScript SPA
- Handles UI, routing, and user interactions
- Communicates directly with Supabase APIs
-
Logic Tier (Serverless)
- Supabase Auth (JWT-based authentication)
- PostgreSQL Row Level Security (RLS)
- Supabase Edge Functions for OCR verification
-
Data Tier
- PostgreSQL (users, posts, projects, chats)
- Supabase Storage (media, project files, ID documents)
- User uploads ID document (Image/PDF)
- Stored securely in a private Supabase Storage bucket
- Supabase Edge Function is triggered
- Tesseract.js OCR extracts text
- Extracted data is matched with:
- User name
- College name
- Score-based validation (threshold ≥ 70%)
- User marked as Verified
- No manual admin verification
- Works even without college email
- Secure & privacy-preserving
/
├── database/
│ ├── migrations/
│ └── schema/
├── src/
│ ├── components/
│ │ ├── ui/
│ │ ├── feed/
│ │ ├── layout/
│ ├── hooks/
│ ├── pages/
│ ├── integrations/
│ ├── types/
│ ├── App.tsx
│ └── main.tsx
├── package.json
├── vite.config.ts
└── tailwind.config.ts
- Node.js v18 or higher
- npm
- Supabase project (URL & Anon Key)
git clone <repository-url>
cd studentconnect-hub-mainnpm installCreate a .env file in the root directory:
VITE_SUPABASE_URL=your_supabase_project_url
VITE_SUPABASE_ANON_KEY=your_supabase_anon_keynpm run devRuns at: http://localhost:8080
npm run buildBuild output is generated in the dist/ directory.
- PostgreSQL Row Level Security (RLS)
- Private storage buckets for sensitive documents
- Role-based access control
- Verified-only posting permissions
- AI-based project & mentor recommendations
- Job & internship portal
- React Native mobile application
- Virtual events & webinars
- Cross-college hackathon hosting
IntelliCampus Hub demonstrates how modern serverless technologies can be combined to build a secure, verified, and engaging student ecosystem. The platform successfully bridges academic collaboration and social interaction while maintaining trust, privacy, and scalability.