pro
This project was my opportunity to apply nearly everything I've learned so far and dive deeper into Framer Motion. I conducted extensive research—watching tutorials and experimenting—to build the custom loading animation I envisioned. Through this process, I discovered just how powerful Framer Motion can be. I added a press-down hover effect to the navigation buttons and created a staggered reveal animation for cocktail search results. Before coding, I designed the full layout in Figma, which streamlined the development phase and brought the concept to life faster.
0
236
I recently dove into Tailwind CSS, TypeScript, and Class Variance Authority—tools that expanded my development toolkit significantly. Using them, I successfully implemented a hover-triggered video playback on thumbnails and designed a sleek scrollbar effect for category navigation, enhancing both function and visual appeal.
0
196
I've been focused on deepening my understanding of CodeMirror and mastering state management with Redux Store. Along the way, I’ve also learned how to incorporate dynamic animations using Framer Motion to enhance user interaction and visual appeal.
0
187
Inspired by the Cashflow board game from Robert Kiyosaki, author of Rich Dad Poor Dad, I developed a web-based spreadsheet to help players track income and expenses more effectively than the traditional paper version. While learning through Scrimba, I deepened my understanding of localStorage and built this project to solidify those skills through hands-on practice.
0
143
To sharpen my CSS skills, I built a fictional e-commerce site called Meow Hosting. This project gave me hands-on experience with responsive styling while allowing me to explore advanced techniques like Intersection Observer and React refs to enhance user interaction and layout behavior.
0
137
On my spiritual journey, I explored various methods for achieving lucid dreams, but none delivered the results I was hoping for. Inspired by a YouTuber who recommended an impressive lucid dreaming timer, I decided to take matters into my own hands. That’s when I built my own Lucid Dream Timer—designed to be more intuitive and effective than anything I’d seen online.
0
128
Black widow 3D model and animation😍
0
94
Pumpkin Princess is short. I edited for post-production class during my time at Cleveland State University.
0
82
I remember practicing with text and making an outer space environment
0
76
I remember when I first started learning Blender, and this was the first thing I made was a roller coaster model and camera animation.
0
71
Built Safekeep Home Repair’s site. The client wanted an animated character on the homepage—a fun challenge that sparked creative problem-solving.
1
70
The class project helped me revisit some foundational principles of web development.
1
66
I explored Steam's layout to learn sliders for game cards. When API broke, I built fake API data to finish the project. I created loop animation with Lottie.
1
62
Ballerina is short. I edited for post-production class during my time at Cleveland State University.
0
62
Cake Delights is an imaginative E-commerce bakery shop that I created with React.
1
59
The comment generator project that I'm still currently working on. I'm so excited to share this with everyone 😄. The video will go over the reasons and the versions of the project. I used HTML, CSS, and JavaScript to create the current version. Free to tell me what you think
1
55
I was working on the widgets and blueprints, including the ATM blueprints and interaction items, and refining the phone interface for better control. I was helping someone with their game.
0
33