Enter a new era of learning. Fermi is an AI-powered learning platform designed to guide students through complex problem-solving with instant feedback and interactive tools.
This repository contains the onboarding flow for Fermi, transitioning students from landing to their personalized dashboard through a series of interactive steps.
- Landing Banner: High-impact introduction with Google OAuth integration.
- Path Selection: Students choose between uploading their own questions or exploring trending problems.
- Interactive Canvas: A dedicated workspace for solving problems with live feedback, OCR simulation, and progress tracking.
- Success Celebration: Celebratory feedback loop once the first problem is solved.
- Dashboard: The primary hub for student learning and performance tracking.
- Frontend: HTML5, Vanilla JavaScript.
- Styling: Tailwind CSS (via CDN) for rapid, responsive UI development.
- Typography: Spline Sans (Display) and Inter (Sans) via Google Fonts.
- Animations:
canvas-confettifor success state celebrations. - Visuals: Clean, premium aesthetic with "Zero-Scroll" optimized layouts for all viewports.
index.html: Landing page and entry point.step2.html: Path selection screen.step3.html: Upload journey entry point.step4.html: Trending questions browser.canvas.html/step3.html: Interactive problem-solving workspace.step6.html: Student dashboard.style.css: Global design tokens and glassmorphism utilities.context/: Project documentation and requirement specifications.
Simply open index.html in any modern web browser to start the onboarding flow.
- Main Branch: Source of truth (Production-ready).
- Staging Branch: Development and feature testing.
- Deployment: https://github.com/lilithfactor/fermi-onboarding.git