Alumni Connect Landing Page
Full-Stack Networking Platform

Alumni Connect

Alumni Connect is a full-stack student and alumni networking platform for mentorship, opportunities, career guidance, and campus engagement.

RoleFull Stack Developer
ArchitectureMERN (React + Node + Express + MongoDB)
SecurityJWT + Role-Based Access
DeploymentVercel + Render
Real-Time Socket.IO Chat JWT & Role-Based Access Searchable Alumni Directory Docker Compose

What it is

Alumni Connect brings students and alumni into one platform for networking, mentorship, opportunities, and campus engagement.

Students and alumni can manage profiles, discover people and opportunities, communicate in real time, and participate in events. Admins manage users and platform content.

Screenshots

Alumni Connect Landing Page

Landing Page

Entry point for students and alumni to access the platform's main workflows.

Alumni Connect Dashboard

Dashboard

Authenticated workspace with functionality based on the user's Student, Alumni, or Admin role.

Key Features

  • Roles & Authentication — Student, Alumni, and Admin roles with JWT-backed authentication and role-based access.
  • Alumni Directory — Searchable profiles with filtering and mentorship indicators.
  • Real-Time Chat — Socket.IO messaging with conversation history and file attachments.
  • Opportunities & Events — Jobs/internships, saved opportunities, application links, event publishing, and registration.
  • Admin & Profiles — User verification, content management, campus gallery, and editable student/alumni profiles.

How I Built It

React + Vite frontend → Axios/service layer → Express API → MongoDB Atlas

JWT handles authentication and role-based access, Socket.IO powers real-time chat, and Nodemailer handles email workflows such as password reset. Helmet and express-rate-limit provide additional backend security.

I built the application end to end, including the React interface, Express APIs, MongoDB data models, authentication and authorization, real-time chat, deployment configuration, and relevant validation/testing.

Tech Stack

Frontend

ReactViteTailwindReact Router

Backend

Node.jsExpress

Database

MongoDB Atlas

Real-time & Services

Socket.IOAxiosNodemailer

Auth & Security

JWTbcryptjsHelmetexpress-rate-limit

Deployment

VercelRenderDocker Compose