ThunderJS Academy

ThunderJS Academy is a modern interactive JavaScript learning platform inspired by the first lectures of the 100 Days of Thunder course. It is built as a product experience, not a notes website.

Folder Structure

ThunderJS Academy
├── index.html
├── styles.css
├── script.js
└── README.md

What It Includes

• Hero section with animated counters, particles, and startup-style UI.
• HTML to CSS to JavaScript evolution simulator.
• Behind-the-scenes browser execution flow animation.
• Mini language interpreter for print("hello") and arithmetic expressions.
• JavaScript playgrounds for variables, memory, references, equality, operators, control flow, strings, and numbers.
• Math demos including OTP, dice, random number, and lottery generation.
• GitHub Explorer using the public GitHub API.
• Quiz arena with XP, badges, confetti, and localStorage leaderboard.
• Roadmap, progress tracking, dark/light mode, sound toggle, scrollspy, keyboard shortcuts, and responsive design.

Keyboard Shortcuts

• T: Toggle theme.
• G: Jump to GitHub Explorer.
• Q: Jump to Quiz Arena.

Run Locally

Open index.html in a browser. No build step is required.

For a local server:

python -m http.server 5173

Then visit http://localhost:5173.

Deployment

This is a static site and can be deployed to:

• Vercel
• Netlify
• GitHub Pages
• Cloudflare Pages

Upload the repository root and set the output directory to the project root. No framework preset is needed.

Product Vision

ThunderJS Academy can grow through the full 100 Days of Thunder journey with richer labs, DOM challenges, API missions, streaks, AI review, and cohort leaderboards.