A comprehensive web-based academic management system that handles student marksheet generation, exam management, and administrative tasks — all running in the browser with zero server setup.
-
Marksheet Management
- Create digital marksheets with student bio-data
- Multi-semester marks entry (up to 8 semesters)
- Automatic SGPA/CGPA calculation
- Grade assignment based on customizable grading rules
- QR code generation for verification
- PDF export (Semester & Season results)
- Digital signature integration
-
Exam Management
- Create online exams with MCQ and text-based questions
- Add students to exam system
- Configure exam duration
- Publish exams for student access
-
Role-Based Access Control
- Admin/All: Full access to marksheet + exam
- Marksheet Only: Can only create marksheets
- Exam Only: Can only manage exams
-
Marksheet Viewing
- Search and view results using Roll Number + DOB
- View Semester Result (all semesters combined)
- View Season Result (current semester)
- Print marksheets directly
- QR code verification
-
Exam Portal
- Take online exams
- Auto-submit on timer expiry
- View results (if enabled by staff)
Advanced features for system administrators:
- User Management — Create/assign roles to staff and students
- Subject Control — Pre-define subject codes and names
- Files & Analytics — Search, filter, bulk operations, analytics dashboard
- Backup & Restore — Full JSON export/import
- Security — Activity log tracking
- Theme Customization — Colors, dark mode, custom logo & watermark
- Storage Monitor — Real-time storage usage tracking
- System Settings — Grading rules, default marks, signatures, year range
- Download all files to a folder
- Open
index.htmlin a modern browser (Chrome, Firefox, Edge) - That's it! No server required.
academic-portal/
├── index.html # Main application
├── exam.html # Exam system interface
├── exam.css # Exam system styles
├── exam.js # Exam system logic
├── style.css # Main application styles
├── script.js # Main application logic
├── logo.png # Institute logo
├── background.jpeg # Login background
├── qrcode.min.js # QR code generation
├── html2pdf.bundle.min.js # PDF generation
└── README.md # This file
- Username:
system - Password:
root - Role: All permissions (Marksheet + Exam)
- Username:
student - Password:
kiss
- Username:
dev - Password:
changeme
⚠️ Security Note: Change ALL default credentials before going live!
- Login with staff credentials
- Choose "Marksheet Management"
- Step 0: Enter institute & staff details
- Step 1: Enter student bio-data (photo, personal details, class/stream/honours)
- Step 2: Enter marks — navigate semesters with Prev/Next, enter Theory/Practical/Other + credits
- Preview updates automatically
- Click "SAVE DATA TO SYSTEM"
- Print using the print buttons
- Login with staff credentials
- Choose "Exam Management"
- Add students via Roll + DOB
- Create exam: set title, timer, questions (MCQ or text), correct answers
- Click "Publish Exam"
- Login with student credentials
- Choose "Check Marksheet"
- Select result type → Enter Roll Number + DOB → Search & View → Print
- Login with student credentials
- Choose "Give Exam" → Enter Roll + DOB → Answer → Submit
| What | How |
|---|---|
| Institute Name | Login as Staff → Step 0 |
| Custom Logo | Developer → Theme tab → Upload logo |
| Grading Rules | Developer → Settings → Grading Logic |
| Subject Control | Developer → Settings → Enable Subject Control |
Developer → Settings → User Management → Select "Staff" → Choose role (All / Marksheet Only / Exam Only)
Developer → Bulk Ops → Upload CSV with columns: roll, fname, lname, email, dob, class, stream, honours, year
Add your own Firebase config in script.js (firebaseConfig object) for cloud sync.
- Primary: Browser
localStorage(works offline, ~10MB limit) - Optional: Firebase Firestore (auto-sync when online)
- Backup: Developer → Backup → Download Complete Backup (JSON)
| Browser | Support |
|---|---|
| Chrome 90+ | ✅ Full |
| Edge 90+ | ✅ Full |
| Firefox 88+ | ✅ Full |
| Safari 14+ | ✅ Full |
| Internet Explorer | ❌ Not recommended |
- ✅ Responsive design for tablets
- ✅ Student panel mobile-friendly
- ✅ Exam system fully mobile-compatible
⚠️ Staff marksheet creation — best on desktop
| Issue | Fix |
|---|---|
| "Storage is full" | Developer → Files → Delete old records |
| Marksheet not saving | Check localStorage is enabled; try non-incognito |
| PDF not printing | Enable pop-ups; verify html2pdf.bundle.min.js is loaded |
| Student login not working | Check DOB format: YYYY-MM-DD |
| Exam not showing | Ensure exam is published and student is added to the system |
- Change all default passwords immediately
- Host on HTTPS only
- Implement server-side authentication
- Add IP whitelisting for staff panel
- Enable Firebase security rules
- Schedule regular backups
- Review audit logs monthly
- Student data stored locally in browser
- No data sent to third parties
- Optional Firebase backup (fully controlled by you)
- QR codes contain minimal data
| Item | Limit |
|---|---|
| Students | Unlimited (browser storage ~10MB) |
| Semesters | 8 per student |
| Subjects | Unlimited per semester |
| Exams | Unlimited |
| Users | Unlimited staff/student accounts |
- Frontend: HTML5, CSS3, Vanilla JavaScript
- Storage: LocalStorage + Firebase Firestore (optional)
- Libraries: QRCode.js, html2pdf.js
- Authentication: Client-side (upgradeable to server-side)
- Email/SMS result notifications
- Certificate generator
- Attendance management
- Fee management
- Library management
- Timetable generator
- Parent portal
- Mobile app (React Native)
This software is developed for educational purposes. Provided as-is — maintain regular backups and do not rely solely on browser storage for critical data.
- QRCode.js — QR code generation
- html2pdf.js — PDF generation
- Firebase — optional cloud storage
- Role-based access control
- Exam management system
- Subject control feature
- Advanced developer console
- Bulk operations & analytics
- Theme customization
- Cloud backup (Firebase)
- Basic marksheet generation
- Student search & PDF export
- Local storage
Last Updated: January 2026 | Version: 2.0