Inspiration

  • We wanted to make studying fun and easy with digital flashcards and a fun way to for students to test their knowledge

What it does

it provides quiz questions across subjects with an answer key for self-checking

How we built it

We used HTML and CSS for a simple, accessible design.

  1. Set up HTML structure: Created separate HTML pages for each quiz category
  2. Design with CSS: styled the pages for a clean and consistent look
  3. Add questions: added questions with multiple choice answers using radio buttons on each quiz page
  4. Create an answer key page: we built a separate page with the correct answers for users to check their responses
  5. Link pages: we finally linked each quiz page to the answer key and homepage for easy navigation.

Challenges we ran into

Without javascript, we couldn't automate scoring

Accomplishments that we're proud of

creating a functional user-friendly tool with just HTML and CSS

What we learned

learned how important clear navigation is in making the user experience smooth, especially with multiple linked pages.

What's next for The Ultimate Desk Buddy

Adding scores features with java script and more quiz categories

Built With

Share this project:

Updates