AstroMind is an immersive, interactive cognitive evaluation web application. It offers quizzes across various disciplines (Mathematics, Science, History, Art, Sports, and Literature) and analyzes your scores to determine your unique cognitive profile based on the Theory of Multiple Intelligences.
AstroMind is built purely with web standards, relying heavily on modern JavaScript capabilities without the need for hefty frontend frameworks:
- Frontend: HTML5, CSS3, Vanilla JavaScript (ES6+)
- 3D Graphics: Three.js & GLTFLoader
- Data & Storage: LocalStorage API, Fetch API
- Animations: HTML5 Canvas API
- 🌌 Interactive 3D Experience: A responsive, rotating 3D brain model (Three.js) and a dynamic, hand-coded starry background using the Canvas API.
- 🧠 Cognitive Profiling: Evaluates test scores to classify your learning style (e.g., Logical-Mathematical Thinker, Visual & Linguistic Creator, or Kinesthetic & Contextual Explorer).
- ⏱️ Smart Canvas Timer: A highly advanced circular exam timer featuring dynamic color changes and a mathematical heartbeat "pulse" effect as time runs out.
- 🛡️ Anti-Cheat Mechanics: Utilizes the History API (
pushState/popstate) to prevent users from escaping exams using the back button, andbeforeunloadto prevent accidental page reloads. - 🔐 Local Authentication System: A fully simulated user registration and login flow securely managed via the browser's LocalStorage.
- 🗂️ Dynamic Content Rendering: Exam questions are fetched seamlessly from external JSON data and rendered as a Single Page Application (SPA) experience.
Since this is a client-side web application, running it locally is incredibly fast and simple!
git clone https://github.com/yourusername/QA-Project.git
cd QA-ProjectUsing VS Code Live Server
- Open the project folder in VS Code.
- Install the Live Server extension.
- Right-click
index.htmland select "Open with Live Server".
QA-Project/
├── assets/
│ ├── css/ # Global and component-specific stylesheets
│ ├── js/ # Core logic, timers, and 3D rendering scripts
│ ├── images/ # Icons and logos
│ ├── models/ # 3D .gltf/.bin files for the brain model
│ └── data/ # questions.json containing all exam data
├── pages/
│ ├── auth/ # Login and Registration pages
│ └── exams/ # Subject-specific exam pages (math, art, etc.)
├── AstroMind_Documentation.md # In-depth technical documentation
└── index.html # Main dashboard and entry point
Contributions, issues, and feature requests are welcome! If you want to contribute:
- Fork the project.
- Create your feature branch (
git checkout -b feature/AmazingFeature). - Commit your changes (
git commit -m 'Add some AmazingFeature'). - Push to the branch (
git push origin feature/AmazingFeature). - Open a Pull Request.
Distributed under the MIT License. See LICENSE for more information.