This page is to show off the projects I have done. Click on any image or link to learn more about each project.
Javascript Piano
This project was built purely in HTML, CSS, and Javascript. As for functionality, the project allows one to interact with a live minature piano that contains 10 white keys and 7 black keys.
You can hover over the piano to see what keys on the keyboard correlate with the keys on the piano. When a piano key is played, the key itself will go down like a live piano key would and then go back to normal.
I hope this helps you discover the power of music!
Wordle Project
This project was built using HTML, CSS, Javascript, Jinja, Flask, and SQL. As for functionality the project allows a user to play my imitation of the popular game of Wordle.
The user will have to log into to access the game, but once logged in, will be prompted with an instruction screen and then allowed to play the game in which the user will have to guess at what the daily word is. The user can use one's native keyboard or the keyboard on the screen to input their guesses into a NxN grid that will be sized depending on the size of the daily word.
I hope you enjoy my implementation of Wordle!
Click on the Wordle image or this link to access the Wordle game page.
Flashcard Project
This project was built using HTML, CSS, Javascript, Jinja, Flask, and SQL. As for functionality the project allows the user to create a deck of flashcards to study from or use an already created public deck.
The user can easily access public decks of cards or create their own easily customizable deck of flashcards to fit their studying needs. After creating or selecting an already made deck, the user can start studying. Simple, yet powerful.
This project was inspired by my desire to easily study Japanese vocabulary words, but with so many flashcard applications available, it seemed like there was some applications that had great features, but still were missing some important features, or those features were locked away for premium users only. This led me to wanting to develop my own flashcard application that would allow me to implement all the features I thought were important or necessary. I hope you enjoy it too!
Click on the Flashcard image or this link to access the flashcard page.