My Projects
Crochet Cosmos
Full-Stack E-Commerce Platform — Next.js, TypeScript, Supabase, Stripe
Production-ready e-commerce application built with Next.js (App Router) and TypeScript. Implements Supabase for authentication and data management, Stripe for secure checkout processing, and Tailwind CSS for adaptive UI design. Includes dynamic product pages, admin management features, and scalable component architecture.
- App Router–based dynamic product routing
- Supabase authentication and relational data modeling
- Stripe checkout flow with secure payment handling
- Admin dashboard for product and inventory management
- Modular component architecture using TypeScript and Tailwind
Highlights:
Cellular Sales Website
Production Retail Website — WordPress → Next.js Migration
Contributed to the development and maintenance of a large-scale retail website serving a nationwide Verizon authorized retailer. Assisted in transitioning portions of the site from WordPress to a modern Next.js + TypeScript + Tailwind architecture.
- Maintained high-traffic marketing and product pages
- Executed UI updates within strict Verizon brand standards
- Contributed to phased migration from WordPress to Next.js
- Worked within an established production CI/CD workflow
- Partnered with marketing and design stakeholders
Highlights:
React Dictionary
API-Driven Dictionary Application — React
React-based word lookup application integrating an external dictionary API. Implements controlled inputs, asynchronous data fetching, conditional rendering, and responsive design patterns. Demonstrates state management and component-based architecture.
- Integrated third-party REST API for dynamic data retrieval
- Managed component state with controlled inputs
- Implemented conditional rendering patterns
- Structured reusable functional components
- Handled asynchronous flows with loading and error states
Highlights:
Stormy Weather App
Weather Dashboard — JavaScript, HTML, CSS
Dynamic weather dashboard consuming live API data with real-time rendering of current conditions and forecasts. Implements asynchronous JavaScript (fetch/async-await), responsive layout, and UI state updates based on user input and geolocation.
- Consumed live weather API with fetch and async/await
- Implemented geolocation-based data requests
- Processed and formatted real-time forecast data
- Managed user-driven search queries and state updates
- Handled API response parsing and edge cases
Highlights:
Click-A-Sketch Browser Game
Interactive Drawing Tool — Vanilla JavaScript
Browser-based drawing application utilizing DOM manipulation, dynamic grid generation, event handling, and interactive color state logic. Demonstrates JavaScript-driven UI updates and responsive layout structuring.
- Programmatically generated interactive grid system
- Implemented custom color state logic
- Managed complex DOM event delegation
- Built interactive UI without external libraries
- Optimized rendering performance for large grid updates