My first project on freeCodeCamp was a photo website for cats. It utilised CSS Flex to display them on any size screen, transforming automatically.

Another project was to create a piano that changed the number of keys it had depending on screen size. For example, a phone screen would only have six keys while a computer screen would have fifteen.

I created a quiz as part of an accessibility module, learning how to make my websites more accessible to people that need it. This included screen reader-specific text, alt text for images and more.

A more basic project was the cafe menu. It included simple text, dividers and logos that all came together to make a nice, simple menu that could be printed for real life usage.

Similar to the quiz, I made a registration form that used a variety of inputs, such as text and textarea fields, radio buttons, checkboxes and email/password fields. The quiz ended with the click of a Submit button, sending answers to the server.

One of the more complex projects was the nutrition label. It required a lot of knowledge on divs, borders and fonts. Thankfully, the final product could be used as a template for future products that need such a label.