Sandbox

The sandbox is where I’m sharing the exercises I do while studying web development.

Accessible CSS-only burger menu experiment

CSS Menu Experiment

I was discussing frontend development and the use of JS for “nice-to-have” features with my friend Samuel Traquina and ended up making a little experiment about accessible CSS-only menus using checkboxes and popover elements.

Rayflix screenshot

Rayflix

Played around with The Movie Database (TMDB) API and React to create my personal videothèque and tell you all about the movies I fall asleep to :’)

You can check it out here:

Joana's Pets screenshot

Joana’s Pets

I have a bunch of pets, I love them too!

I used react to build an app so you can know about how cute and cool they all are.

Check them out:

Tic Tac Toe screenshot

Tic Tac Toe

Learning React so you can play Tic Tac Toe.

You can play it here:

Slither game screenshot

Slither

Still playing around with javascript and this time the result is Slither, a graph theory based game.

You can play it here:

Calculator app screenshot

Calculator

A basic javascript calculator for your basic math needs.

This javascript exercise took a bit longer to finish than the Rock, Paper, Scissors one but David Tersegno helped me sort some rookie mistakes and improve it.

Go crunch some numbers here:

Rock, Paper, Scissors screenshot

Rock, Paper, Scissors

Having some fun with javascript while making you fight the machine!

Upgraded with Samuel Traquina‘s tip to add rounds to it.
You’ll get a best-out-of-3 result as well now.

You can play it here:

More on Web Development