Hello
It's Monet.
I'm a Rising Developer with an interest in buliding application with amazing user experiences.
Here's more about me.
Here's a bit about me.
Rising Developer
I'm a Rising Developer with a strong passion for developing software with great user experiences.
I'm currently working on Bachelor degree in Computer Science!
HTML
CSS
Javascript
ReactLet's have a chat!
I'm currently open to new opportunities
Here are some of my projects
Steam Clone
HTML, tailwindcss, Javascript, React, Framer Motion
I wanted to understand layout and the API of Steam. It was a pretty challenge project to learn about how the slider works for the cards of the video games and categories. The api that I was using was Free-To-Play Games Database API (steam API was hard to set up). Something went wrong on their end. I created a fake API data for this project.
Foxtail 2.0
HTML, tailwindcss, Javascript, React, Framer Motion
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.
Codepen Clone
HTML, tailwindcss, Javascript, React, Framer Motion, FireBase, React CodeMirror, Redux Store
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.
YouTube Clone
HTML, tailwindcss, Javascript, React, TypeScript, Class Variance Authority
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.
Meow Hosting
HTML, CSS, Javascript, React
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.
Cake Delights
HTML, CSS, Javascript, React
To level up my CSS skills, I created a fictional online cake shop called Cake Delights. The project challenged me to improve layout styling and refine image placement using React. Through hands-on experimentation, I gained a deeper understanding of CSS fundamentals and how thoughtful design choices elevate the user experience.
Rich Dad Poor Dad
HTML, CSS, Javascript, React
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.
Lucid Dream Timer
HTML, CSS, Javascript, React
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.
