To create a website that incorporates interactive elements while still considering accessibility.

Figma, JavaScript, HTML, CSS, Replit

This project was for my Web Design and Development module. The first step was to choose a topic (I picked Greek Mythology) and to make a simple prototype (I elected to use Figma). As this site is mostly informational, I decided to go with a simple blue color scheme and to keep the design minimal in order to make all information easy to find, read, and navigate between.

The focus of this project was not on the content of the site itself, but on the design and implementation (interactive elements, clean code with comments, etc.). For example, to make the Quiz feature even more interactive, a JSON file with a list of quiz questions and answers was included. By randomly selecting questions from that list, users could play the quiz multiple times before it would start to feel repetitive. This also makes it easier to add new questions in the future if I wanted to expand this website.

Beyond just building the Frontend, my main focus was on making the site accessible by allowing the user to toggle motion on and off (this was done using JavaScript cookies so the user's selection would extend across pages) and on making sure all content on the site was responsive to different screen sizes (this was done using Flexbox).

Here is the link to the source code and to view the final website itself.