My projects
Enjoy this collection of websites and mini web apps I built. Some of my other projects I built in the past years were company projects. That is why it's been a while since I updated my personal projects.
MY RESUME ↓
WindFlow ↗
April 27, 2024A Webflow plugin, used to add Tailwind utility classnames to Webflow elements. Made with React, Tailwind, and Webflow’s Designer API. Aims to solve Webflow developers combo class problems and lack of utility and global class support.
Install on your Webflow project
Social media app ↗
August 28, 2022My biggest project yet! It has your common social media app features: posting, nesting comments, messaging, search, timestamp, and login. Built without any library (Vanilla JavaScript + HTML + CSS only) , I demonstrate how I can build clean, high-quality code by relying on data structuring, algorithmic thinking, modularization, and event delegation.
documentation | source code
Interactive comments section ↗
June 22, 2022An intermediate-level project challenge by FrontendMentor, also built without any library. It relies on data structuring and algorithmic thinking. It has features: creating, reading, updating, deleting, and nesting comments. It served as the basis of my social media app.
documentation | source code
Blogr landing page ↗
May 30, 2022This is an intermediate level test of my layout skills and basic JavaScript. I explored concepts like position, CSS functions, and fluid typography.
documentation | source code
Pop-up menu ↗
May 10, 2022This was a mockup project I found from frontendmentor.io. It is a pop-up menu that gets a rating.
documentation | source code