Portfolio:

Laser Focus Disc & Co. Ecommerce Page

Created a front-end e-commerce mock-up project inspired by my love for old-school physical media from the late '90s to early 2000s. Built with Vite.js (a react framework), Node.js, and MySQL, the site pays tribute to the golden era of LaserDisc collecting by showcasing rare movie titles in a clean, retro-themed shopping experience. Focused on dynamic product listings, a mock shopping cart system, and a responsive design to capture the nostalgia while delivering a smooth, modern user experience. (Note: The movies page selections may take a few seconds to load as part of the demo setup.)

Highlights:

Built with React.js (using Vite.js for faster development and optimization).
Tribute project celebrating late '90s to early 2000s physical media culture.
Fully responsive design optimized for mobile and desktop.
Honest disclaimer about minor loading delay on movies page.
Focused on front-end development and user experience design.

Macon Peters Truck Dispatch Consultant

Designed and built a professional website for Macon Peters, a truck dispatch consultant. Focused on creating a trustworthy, service-oriented online presence to attract independent owner-operators and small fleet businesses. Built with WordPress and Elementor, featuring service overviews, a clear call-to-action, and a contact form for lead generation. Emphasized clean layouts and mobile responsiveness to make it easy for potential clients to connect.

Highlights:

WordPress and Elementor build for fast updates and management.
Clear service descriptions targeted at truckers and logistics clients.
Contact form integration for easy client inquiries.
Mobile-responsive layout for accessibility on the go.

MOTION - Ecommerce Website for Film Cameras

Built a fully responsive e-commerce mockup site dedicated to aspiring filmmakers searching for high-quality cameras. Developed using plain HTML, CSS, and JavaScript without frameworks to sharpen my core frontend skills. For the first time, I created a simple database using JSON and imported it into the frontend to dynamically generate product listings — simulating a basic product management system. Inspired by my personal passion for cinema and my dream of becoming a filmmaker, this project focused on creating a clean, visually engaging shopping experience that would appeal to creative users. While it's a mockup, the goal was to simulate a realistic shopping flow, product showcases, and strong brand storytelling.

Highlights:

Developed using pure HTML, CSS, and JavaScript (no frameworks).
Created and imported a JSON database to dynamically populate products (first project involving frontend dynamic data handling).
Focused on creating an aspirational, cinematic design aesthetic.
Built dynamic UI interactions with vanilla JavaScript.
Project inspired by personal passion for filmmaking and storytelling.

Apps:

Budget Tracker App

Designed and developed a fully responsive front-end budget tracking app. Used JavaScript Object-Oriented Programming (OOP) principles to handle backend calculations through custom classes and constructor methods. The app allows users to input income and expenses, calculates totals in real-time, and dynamically updates the UI with budget summaries. Built with a focus on clean architecture, scalability, and a smooth user experience across devices.

Highlights:

Implemented backend logic using JavaScript classes and constructors.
Real-time calculation and dynamic UI updates.
Fully responsive design for desktop and mobile users.
Clean, modular code structure following OOP best practices.
Focused on building functional interactivity and financial tracking.