Web Development
“Campus Bridge – Integrated Academic LMS + Coding Skill Development Platform”
Campus Bridge is a unified web platform designed to streamline both academic management and coding skill development for university students. It serves as an all-in-one solution for accessing course content, managing attendance, completing assignments, and tracking academic progress, while also providing structured coding paths and a built-in compiler to help students improve their programming skills. The platform includes interfaces for students, faculty, and administrators to ensure a seamless academic and technical learning experience. Campus Bridge aims to bridge the gap between college education and industry readiness by fostering continuous learning, coding practice, and progress tracking.
- Frontend: Next.js, Tailwind CSS, TypeScript
- Backend: Next.js API Routes
- Database: PostgreSQL
- ORM: Prisma
- Authentication: NextAuth.js
- Compiler Integration: Judge0 API
- Deployment: Vercel
Campus Bridge includes the following core modules:
- View and manage academic content: lecture slides, videos, notes
- Track attendance and assignment submissions
- Enroll in structured coding tracks (e.g., DSA, Python, Web Development)
- Practice problems using an integrated code editor with a compiler (supports C, C++, Java, Python, etc.)
- View performance stats such as streaks, badges, and heatmaps
- Upload course materials (PDFs, videos)
- Create assignments and coding questions with custom test cases
- Monitor student academic and coding performance via dashboards
- Access skill dashboards and coding leaderboards
- Schedule mock tests and coding contests
- Export academic and coding progress reports
📸 Screenshots showcasing:
- Student dashboard and coding interface
- Course and attendance view
- Assignment submission panel
- Compiler integration and output view
This is a Next.js project bootstrapped with create-next-app.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.