Building an Interactive Mechanical Quiz Website

One of the projects I enjoyed working on recently was creating two interactive Mechanical Engineering quiz websites. Instead of relying on static PDFs or traditional forms, I wanted something more dynamic, something fast, intuitive, and actually enjoyable to use while studying.

So I built two separate quizzes, each designed with a clean interface and straightforward user flow, allowing students to practice concepts quickly and get instant feedback.

What I Built

I developed two web-based quizzes using HTML, CSS, and JavaScript.

Both websites share the same clean style, but each one covers a different set of mechanical engineering practice questions.

Each quiz includes:

• A simple, clean layout

• My logo placed at the top (to be added when uploaded)

• Multiple-choice questions with clickable options

• A Submit button that instantly calculates the score

• Immediate feedback showing correct and incorrect answers

• Mobile-friendly design for quick practice anywhere

Logo used across the quiz websites

Quiz Links

You can try the quizzes here:

• Quiz Website 1: https://reemaalahmad.github.io/MEProfessionQuiz/

• Quiz Website 2: https://reemaalahmad.github.io/mechanical-engineering-quiz-MCQ-s/

Why I Built Two

Because different topics need focus.

Having two separate quizzes made it easier to:

• Organize questions by category

• Avoid clutter

• Let users choose the quiz they want

• Improve the studying experience by breaking it into smaller, clearer chunks

It turned reviewing mechanical concepts into a faster and smoother process.

Technical Approach

Each website is fully client-side:

• HTML builds the quiz structure

• CSS keeps the design minimal and clean

• JavaScript handles answer checking, scoring, and color-coded feedback

No backend. No complexity.

Just lightweight, responsive quiz pages that work instantly.

What’s Next

I’m planning to expand the idea into:

• Randomized question order

• Time-based challenges

• More quizzes for other engineering topics

• A dashboard to track performance

These two quizzes were a simple experiment that turned into a really effective study tool, both for me and for anyone who wants quick mechanical practice.