๐ŸŽ“ CampusOne โ€” AI-Powered Student Success OS

![CampusOne Banner](https://img.shields.io/badge/CampusOne-Student%20Success%20OS-7c3aed?style=for-the-badge&logo=graduation-cap) ![Made With](https://img.shields.io/badge/Made%20With-HTML%20%7C%20CSS%20%7C%20JavaScript-f5c542?style=for-the-badge) ![AI Powered](https://img.shields.io/badge/AI-Google%20Gemini-4285F4?style=for-the-badge&logo=google) ![Deployed On](https://img.shields.io/badge/Deployed%20On-Netlify-00C7B7?style=for-the-badge&logo=netlify) ![License](https://img.shields.io/badge/License-MIT-green?style=for-the-badge) **"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.html and 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)

  1. Get a free Gemini API key at aistudio.google.com/app/apikey
  2. Open index.html in any text editor
  3. Find this line: javascript const GEMINI_API_KEY = "YOUR_GEMINI_API_KEY_HERE";
  4. Replace with your key: javascript const GEMINI_API_KEY = "AIzaSy...your_actual_key";
  5. 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)

  1. Go to netlify.com โ†’ Sign up free
  2. Create a folder, put index.html inside it
  3. Drag and drop the folder onto the Netlify dashboard
  4. Get a live URL instantly: https://your-site-name.netlify.app

Deploy on GitHub Pages

  1. Push this repo to GitHub
  2. Go to Settings โ†’ Pages
  3. Set source to main branch โ†’ / (root)
  4. 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."*

Built With

Share this project:

Updates

Submission history