๐ CampusOne โ AI-Powered Student Success OS
     **"We are not building just another college app.** **We are building an AI-powered Student Success Operating System for campuses."** [๐ Live Demo](https://campusone.netlify.app) ยท [๐ธ Screenshots](#-screenshots) ยท [โ๏ธ Setup](#%EF%B8%8F-setup) ยท [๐ง Features](#-features)๐งฉ The Problem
Every day, 40 million college students in India struggle with:
| Problem | Reality |
|---|---|
| ๐ Poor planning | Missed deadlines, no study schedule |
| ๐ Low attendance | Students don't know they're about to get debarred |
| ๐ Academic weakness | No personalised gap analysis |
| ๐ฌ Doubt solving | Fear of asking questions in class |
| ๐ฏ Career confusion | No roadmap until 3rd year panic |
| ๐ง Student stress | Zero mental health support on campus |
Students are juggling 6 different apps and still failing. There was no single platform solving all of it โ until now.
๐ก The Solution
CampusOne is a single AI-powered platform that combines all essential student tools into one intelligent ecosystem where every module shares data with every other module.
Attendance dips โ Planner adjusts โ Alert fires โ Stress check-in triggered
Weak topic found โ Study plan updated โ AI Tutor activated โ Recovery plan generated
๐ง Features
| Module | Description |
|---|---|
| โก Dashboard | Real-time overview โ attendance %, placement readiness ring, today's classes, live alerts |
| ๐๏ธ Smart Timetable | Full weekly schedule, colour-coded by subject, with venue and live updates |
| ๐ Attendance Tracker | Per-subject tracking with skip-budget calculator and danger zone warnings |
| ๐ Academic Planner | AI-generated weekly study grid with adaptive replanning |
| ๐ฌ AI Doubt Solver | Google Gemini-powered 24/7 tutor โ ask anything, get exam-focused answers |
| ๐ Weak Topic Analysis | Visual mastery heatmap + auto-generated AI recovery plan |
| ๐ฏ Placement Roadmap | Semester-by-semester career milestone tracker with company readiness score |
| ๐ง Wellness Check-in | Weekly mood logging, stress trend analysis, counsellor nudges |
| ๐ Smart Alerts | Priority-tiered contextual notifications (urgent / warning / info) |
๐ฅ๏ธ Tech Stack
| Layer | Technology |
|---|---|
| Frontend | HTML5, CSS3, Vanilla JavaScript (ES6+) |
| AI Integration | Google Gemini 1.5 Flash API |
| Fonts | Nunito + Outfit (Google Fonts) |
| Deployment | Netlify |
| Architecture | Single Page Application (SPA) with custom JS router |
Zero dependencies. No npm, no React, no build tools. Just open
index.htmland it works.
โ๏ธ Setup
Option 1 โ Run Locally (No install needed)
# Clone the repository
git clone https://github.com/YOUR_USERNAME/campusone.git
# Navigate into the folder
cd campusone
# Open in browser โ that's it!
open index.html
Option 2 โ Add Gemini AI (Optional but recommended)
- Get a free Gemini API key at aistudio.google.com/app/apikey
- Open
index.htmlin any text editor - Find this line:
javascript const GEMINI_API_KEY = "YOUR_GEMINI_API_KEY_HERE"; - Replace with your key:
javascript const GEMINI_API_KEY = "AIzaSy...your_actual_key"; - Save and refresh โ AI Tutor is now live! ๐ค
Note: The AI Tutor works even without a key using the built-in local knowledge base as fallback.
๐ Project Structure
campusone/
โ
โโโ index.html โ Single file โ entire app lives here
โ
โโโ (all CSS + JS are inline inside index.html for zero-dependency deployment)
The entire application is a single self-contained HTML file โ no external files, no server required, works by double-clicking.
๐ธ Screenshots
Dashboard
Real-time student overview with gradient stat cards, attendance bars, placement ring, and live alerts
AI Doubt Solver
Gemini-powered chat interface with typing animation and exam-focused responses
Attendance Tracker
Per-subject cards with colour-coded progress bars and skip-budget calculator
Weak Topics Heatmap
Visual mastery map โ green (strong), yellow (average), red (critical) โ with AI recovery plan
Placement Roadmap
Semester-by-semester milestone tracker with readiness ring and target company list
๐ How the AI Works
User types a question
โ
Try Gemini 1.5 Flash (15 req/min free)
โ if quota hit
Try Gemini 1.5 Flash-8B (higher quota)
โ if that fails too
Local Knowledge Base (works 100% offline)
โ
Clean, formatted answer โ every single time โ
The AI Tutor never shows an error to the user. It always responds.
๐ฏ How Modules Connect (The Data Flywheel)
๐ Attendance low
โ
๐ Smart Alert fires
โ
๐ Planner adds extra revision slots
โ
๐ Weak Topic flagged from quiz data
โ
๐ฌ AI Tutor recommended for that topic
โ
๐ง Stress check-in triggered if pattern continues
This interconnection is what separates CampusOne from a bundle of separate apps. It's a system that gets smarter the more you use it.
๐ Deployment
Deploy on Netlify (Recommended)
- Go to netlify.com โ Sign up free
- Create a folder, put
index.htmlinside it - Drag and drop the folder onto the Netlify dashboard
- Get a live URL instantly:
https://your-site-name.netlify.app
Deploy on GitHub Pages
- Push this repo to GitHub
- Go to Settings โ Pages
- Set source to
mainbranch โ/ (root) - Your site is live at:
https://YOUR_USERNAME.github.io/campusone
๐ฉโ๐ป Built By
Shreta Ojha CSE AIML ยท Semester 1 Hackathon 2025
๐ License
This project is licensed under the MIT License โ feel free to use, modify, and distribute.
โญ Support
If you found this project helpful or impressive, please consider giving it a โญ star on GitHub!
It took one hackathon, one problem statement, and a lot of passion to build this.
**Built with โค๏ธ for India's 40 million college students** *"We are not building just another college app.* *We are building an AI-powered Student Success Operating System for campuses."*