Instructional Interactive Web Design

Java Quiz

This interactive Java quiz provides a web-based platform with six detailed questions covering essential Java concepts. The interface is thoughtfully designed with a responsive logo, lavender-accented input fields, dropdown menus, and navigation controls, along with a dedicated area for displaying questions and receiving answers. Using modern HTML instead of table layouts ensures accessibility and clean readability. Additional features include a “Start Over” link, a “Cheat Mode” option, and a well-structured footer. The popsolution.js script powers all quiz logic, handling questions, answer choices, and validation to create an engaging and user-friendly learning experience.

Drag and Drop

This drag-and-drop quiz for learning world continents and countries was fully redesigned for usability and visual appeal. The HTML now uses <div> containers instead of tables, with a centered wrapper and semantic IDs for countries and continents. Content includes 25 countries grouped into five continents, each box holding up to five items. Visuals feature flag icons, Google Fonts, and a chalkboard-inspired theme with “glass card” effects, shadows, and hover feedback. Flex and grid layouts improve structure, while draggable items use sticky-note styling. The page is fully responsive with media queries, and unused elements were removed for a clean, interactive learning experience.