College0 is a React + Vite prototype for a college program management system. It includes separate student, instructor, and registrar experiences with role-based dashboards, course registration flows, recommendations, and basic operational views.
- Public landing page
- Student dashboard and registration flow
- Smart course recommendations
- AI assistant mock experience
- Instructor dashboard with separate course, student, and grading views
- Registrar dashboard with separate applications, complaints, and semester control views
- React
- TypeScript
- Vite
- React Router
- Tailwind CSS
- Lucide icons
- Node.js 18+ recommended
- npm
Install dependencies:
npm installStart the development server:
npm run devVite will print a local URL in the terminal, usually:
http://localhost:5173
Open that URL in your browser.
Create a production build:
npm run buildThe output will be generated in the dist folder.
/- public landing page/student- student dashboard/student/registration- registration flow/student/smart-cre- recommendation page/student/ai-assistant- AI assistant view/instructor- instructor dashboard/instructor/courses- instructor courses/instructor/students- instructor student roster/instructor/grading- instructor grading page/registrar- registrar dashboard/registrar/applications- registrar applications/registrar/complaints- registrar complaints/registrar/semester-control- registrar semester control
src/
app/
components/ reusable UI pieces
layouts/ route layouts
pages/ page-level screens
data/ mock data used by the prototype
routes.tsx router configuration
styles/ global styles and theme tokens
main.tsx app entry point
- This is a prototype, not a production backend-connected system.
- Most data is mocked in
src/app/data/mockData.ts. - Some actions are UI-only and do not persist changes.
If npm run dev fails because dependencies are missing, run:
npm installIf the port is already in use, Vite may automatically choose another one. Check the terminal output for the correct local URL.