CeeFusion is a modern, high-performance web platform designed specifically for Medical and Engineering entrance examination candidates (CEE Nepal / NEET India). Built with pure Vanilla JavaScript, glassmorphic CSS animations, dynamic syllabus tracking, distinct educational content across 85 chapters, and a 200 MCQ timed examination simulator.
- Natively maps all 85 chapters across 4 primary subject disciplines:
- ⚛️ Physics (25 Chapters: Mechanics, Thermodynamics, Waves, Electromagnetism, Optics, Modern Physics)
- 🧪 Chemistry (23 Chapters: Physical, Inorganic, Organic Chemistry)
- 🌿 Biology (26 Chapters: Diversity, Cell Biology, Plant/Human Physiology, Genetics, Biotech & Ecology)
- 📐 Mathematics (11 Chapters: Algebra, Trigonometry, Geometry)
- Dynamic Subject Accent Glows:
- Physics: Cyan Glow (
#06b6d4) - Chemistry: Pink Glow (
#ec4899) - Biology: Emerald Glow (
#10b981) - Mathematics: Amber Glow (
#f59e0b)
- Physics: Cyan Glow (
- Modern Micro-Interactions: Smooth 60fps scaling (
scale(1.025)), top accent glow indicators, andcubic-bezier(0.16, 1, 0.3, 1)easing. - Mobile Touch Native: Optimized for touchscreens with explicit
:activestate visual feedback and touch targets (min-height: 48px).
- Every chapter contains genuine, chapter-specific study notes divided into 3 high-yield sections:
- Theoretical Foundation: Core physical principles, chemical mechanisms, and biological definitions.
- Key Framework & Derivations: Mathematical equations, law applications, and step-by-step methods.
- MEC Exam Strategy & Traps: High-yield CEE exam tips, unit prefix traps (micro vs nano), and negative marking (-0.25 penalty) warnings.
- Live Countdown Timer: 3-hour exam countdown with auto-submission.
- Question Navigation Grid: Jump to any index instantly; supports mobile/tablet slide-up bottom sheet drawers.
- Answer Marking & Review: Bookmark questions for review, clear selections, and track answered vs skipped counts.
- Instant Detailed Analytics: Subject-wise accuracy breakdown, score calculation with negative marking, and detailed answer explanations.
- Tailored viewports across small phones (360px–430px), tablets (768px–1024px portrait & landscape), and large desktop screens.
- Core: HTML5, Vanilla JavaScript (ES6+)
- Styling: Custom CSS3 Glassmorphism, TailwindCSS utility classes, FontAwesome 6 icons
- Fonts: Google Fonts (Inter, Outfit)
- State Management: LocalStorage persistent progress tracking
ceefusion/
├── index.html # Main SPA shell & viewport structures
├── style.css # Custom visual design system, glassmorphism, responsive styles
├── script.js # Core app controller, navigation, modal management, examination engine
├── data.js # Global seed data & hand-written chapter notes across 85 chapters
├── questions.js # Comprehensive MCQ question bank & MAT practice pools
└── README.md # Project documentation
No build tools or heavy node_modules required! Run instantly using any local web server:
python3 -m http.server 8080Open http://localhost:8080 in your browser.
npx http-server . -p 8080Right-click index.html and click "Open with Live Server".
Created with ❤️ by Jivan Devkota.
If you find this repository helpful for CEE / NEET preparation, feel free to give it a ⭐ Star!