🎯 Project Story: Exam Mind Reader
🧠 About the Project
Exam Mind Reader is a lightweight and intuitive web app built to support students during exam season by giving them meaningful, personalized study advice.
It starts by asking users three simple, mindset-related questions. Based on their answers, the system generates four helpful tips:
- The first three are practical, focused on concentration and habit improvement.
- The fourth is a complex, deeper insight tailored to the student’s state of mind.
The goal is to encourage smart study habits, boost confidence, and help users realign their focus without overwhelming them.
✨ Key Features
- 🎯 Three-question mindset analyzer
- 💡 Dynamic generation of four study tips
- 🧩 Final tip is complex and deeply personalized
- 🎨 Clean, responsive, and distraction-free UI
- 🔐 No login, no tracking — 100% privacy-friendly
- ⚡ Instant results, no loading delays
💻 Tech Stack
- Frontend: HTML, CSS (custom), Vanilla JavaScript
- Logic Engine: JavaScript-based tip mapping and conditional rendering
- Hosting: GitHub Pages
- Design Approach: Mobile-friendly, minimalistic, fast-loading interface
- Deployment: Static hosting via GitHub Actions (Pages)
🚧 Challenges Faced
- Integrating frameworks while keeping the app lightweight and responsive
- Creating smooth and consistent animations that worked across devices
- Implementing a clean and bug-free toggle button logic for dynamic UI changes
- Ensuring the tip logic felt personal and meaningful without needing a backend
- Balancing design simplicity with enough interactivity to keep users engaged
- Deploying and testing everything as a fully static app on GitHub Pages
Log in or sign up for Devpost to join the conversation.