Selected Projects in Design and Development.

These projects highlight my work across design systems, front-end architecture, and user experience. Each one represents real problems solved with modern, maintainable code. Feedback and collaboration are always welcome.

devProjects.js
const recentProjects = [
{ name: "MTG Proxy Generator", description:"A JavaScript-based tool for generating proxy cards for Magic: The Gathering. Demonstrates proficiency in DOM manipulation, dynamic content rendering, and user customization through interactive forms.", link: JavaScript },
{ name: "Todolist", description:"A simple and elegant to-do list application built with React. Showcases component-driven architecture, state management with hooks, and clean UI implementation.", link: React, JavaScript },
{ name: "GitHub Portfolio Website", description:"A fully responsive, developer-focused portfolio site built with Next.js 14, Tailwind CSS, and dynamic metadata for SEO. Features include a light/dark mode toggle, project filtering, OG image generation, custom components, and modular content structure. Built to showcase modern front-end skills, reusable design systems, and personal branding.", link: Next.js, Tailwind CSS },
{ name: "Employee Directory", description:"In this project, I'm leveraging JavaScript to build an interactive employee directory by integrating data from third-party APIs such as Twitter, Facebook, IMDB, and Wikipedia. It's a dynamic exploration of effective data communication, all wrapped up in a user-friendly web interface.", link: JavaScript, HTML, CSS },
{ name: "Movie Rating App", description:"A small web app that allows the user to rate the latest Marvel movies using vanilla JavaScript. Highlights DOM handling, form inputs, and user interaction.", link: JavaScript, HTML, CSS },
{ name: "Game Show App", description:"A browser version of 'Wheel of Success', a word guessing game. Built in vanilla JavaScript to demonstrate logic flow, event listeners, and dynamic UI rendering.", link: JavaScript, HTML, CSS },
]; recentProjects.forEach(p => { console.log(p.name); // view live project at: p.link });