Portfolio
CODING
I-TRY-ALL-THINGS;
-I-ACHIEVE-WHAT-I-CAN.//
Languages
HTML
CSS
SCSS
JavaScript
Applications
Goal
Expand my technical ability while also creating very fun projects.
Overview
Created using HTML CSS JavaScipt
Animation is a loop of a Japanese Birthday Cake recipe.
I recently created a fun project on CodePen where I recreated the iconic "Matrix rain" animation using just HTML, CSS, and JavaScript. It was a great way to dive into basic DOM manipulation and animation. I used CSS to set up the background and fonts, while the JavaScript handles the random falling green characters that cascade down the screen, mimicking that classic Matrix vibe. It was a cool challenge to sync up the animation and make sure the effect looked smooth, but super rewarding once everything came together!
Matrix Rain
Sony's PlayStation One - BootUp Animation (W/ Sound)
I took on the challenge of recreating the iconic PlayStation One boot-up animation (with sound!) on CodePen, using HTML, CSS, and JavaScript. It was honestly one of the most difficult projects I’ve worked on so far. Getting the visuals right was tricky enough, but syncing the animation with the startup sound made things even tougher. I had to tweak a lot of small details to match the original vibe — from the glowing logo to the subtle fade effects. After countless adjustments, it was a huge relief when everything finally came together! It really tested my patience and skills, but the nostalgia made it totally worth it.
Created using HTML CSS JavaScipt
(Turn Sound On to experience in full)
NASA's Picture of the Day (API Project)
I built a cool project on CodePen using NASA's "Picture of the Day" API. It pulls in NASA's daily space photo along with a description and date. I used HTML for the structure, CSS to style it, and JavaScript to fetch the data from the API. It was an exciting project because I got to work with API calls and figure out how to dynamically display the content. The biggest challenge was making sure everything loaded smoothly and displayed properly, but it was super fun seeing different space images pop up every day!
Created using HTML CSS API
Space the final frontier