Projects

Projects

Be sure to check back for updates and new projects, as I will add to this section as I complete them!

Tea Cozy

  • December 2020
  • By following a design spec sheet, I re-created the HTML and CSS aspects of a web page and used flexbox to ensure the web page was responsive. To view the design spec sheet provided by Codecademy, click here.
Image of the completed Tea Cozy web page.

The Coding Club

  • December 2020
  • I designed and created a responsive web page for The Coding Club, a theoretical club I came up with, using HTML and CSS.
Image of The Coding Club web page.

Rock, Paper, Scissors Game

  • January 2021
  • Using HTML, CSS, and JavaScript, along with inspiration from multiple projects I have completed on Codecademy, I created an interactive game of rock, paper, scissors. I further developed functions I had previously written, and I utilized resources and guidance from supplemental code on Codecademy’s projects along with my knowledge of the DOM (document object model) to successfully integrate this game into my website. When I would get stuck, I used the console in Chrome Dev Tools to troubleshoot and effectively debug my code to ensure my game was working as expected. This process allowed me to better understand real applications of writing JavaScript code to interact with the DOM and increased my comfortability with writing code to add engagement and improve the user experience of my website. Ultimately, this experience got me more excited for future projects I will complete utilizing HTML, CSS, and JavaScript all together!

Step 1

Input either 'rock', 'paper', or 'scissors'. You can also try guessing the secret code word that will beat all!

Step 2

Click "Play" to submit your choice and see who won. (paper beats rock, rock beats scissors, and scissors beats paper)

Step 3

Click "Next Round" to play again. Refresh page to start game count over.

Round 1

Winner: ?

Computer

Score: 0

?

You

Score: 0