Featured Projects

Crafting Digital Solutions
A showcase of innovative applications and technical achievements

Deployed Link

Asteroids

A sophisticated reimagining of the classic Asteroids arcade game built using Next.js and TypeScript. Features fluid, physics-based animations, responsive keyboard controls, and dynamic difficulty scaling that adapts to player skill. Implements custom game loop architecture with efficient collision detection algorithms, persistent high score tracking, and smooth particle effects for explosions. Optimized for both desktop and mobile play with touch controls.

Next.jsTailwind CSSReactTypeScriptGame DevelopmentCanvas APISASS
Deployed Link

react-style-text

An advanced, performance-optimized NPM package that brings dynamic text animations to React applications. Features include granular control over animation timing, multiple pre-built animation styles, and comprehensive TypeScript support for enhanced developer experience. Built with styled-components for modular styling and framer-motion for butter-smooth animations. Includes extensive documentation, live examples, and automated testing suite. Optimized for bundle size and runtime performance.

NPM PackageReactTypeScriptStyled ComponentsFramer MotionComponent Library
Closed Source

Tifco WMS Picking

A cutting-edge warehouse management system developed with SwiftUI for iOS and macOS. Features industrial-grade barcode scanning integration with support for multiple scanner types, real-time inventory synchronization, and AI-powered order picking optimization. Implements custom-designed UI components optimized for warehouse environments, complete offline functionality with automatic sync, and seamless integration with MSSQL databases. Includes advanced error prevention mechanisms and detailed activity logging. Reduced picking errors by 87% and improved order fulfillment speed by 35%.

SwiftUIMSSQLSwiftEnterprise DevelopmentREST APIiOSmacOSClosed Source
Closed Source

Tifco WMS Mobile

An enterprise-grade warehouse management platform built with Flutter, enabling seamless operation across iOS, Android, and web platforms. Features comprehensive inventory management with real-time tracking, advanced shipping/receiving workflows with barcode integration, and detailed analytics dashboards. Implements sophisticated business logic for inventory optimization, including predictive stock management and automated reordering. Seamlessly integrates with existing ERP systems through RESTful APIs, with robust offline capabilities and data synchronization.

FlutterMSSQLDartCross-platformEnterpriseMobile DevelopmentWebClosed Source
Deployed Link

Flutter Weather App

A sophisticated cross-platform weather application built with Flutter, leveraging the OpenWeather API for accurate forecasting. Features an intuitive, animated UI with dynamic weather visualizations, location-based forecasting with background updates, and detailed meteorological metrics. Implements intelligent caching for offline access and bandwidth optimization, along with custom animations for various weather conditions. Includes widgets for home screen updates and push notifications for severe weather alerts.

DartFlutterRESTful APIsMobile DevelopmentLocation ServicesState Management
Deployed Link

Dynamic State Explorer

A location-aware web application that automatically displays information about US states and cities based on the user's current location. Features include real-time geolocation through a custom IP detection API, dynamic content loading from Wikipedia, and comprehensive geographical data from GeoNames. Built with vanilla JavaScript and jQuery for optimal performance, the app includes interactive features like dark/light theme switching, population statistics, and a custom contact form. Users can simulate different locations using a VPN to explore various states' information. Implements local storage for enhanced performance and includes responsive design for all device sizes.

HTMLCSSJavaScriptjQueryWikipedia APIGeoNames APIREST APIGeolocation
Deployed Link

Weather API Server

A high-performance API server powering a modern weather application. Features intelligent caching with Redis and robust user management via PostgreSQL, optimizing third-party API consumption while delivering real-time weather data. Implements multiple weather data providers including OpenWeather, Pirate Weather, and Dark Sky for comprehensive coverage.

TypeScriptNode.jsExpressPostgreSQLRedisRESTful APIsMicroservicesDockerVercelOpenWeatherPirate WeatherDark Sky
Deployed Link

Edwards-Tech Website

A modern, high-performance company website for Edwards-Tech freelance services, built with Next.js and MongoDB. Features a dynamic content management system, responsive design with fluid animations, and comprehensive SEO optimization. Utilizes server-side rendering and static generation for optimal performance, implementing atomic design principles with Tailwind CSS. Includes A/B testing capabilities, integrated analytics dashboard for tracking user engagement, and automated deployment pipeline. Achieves perfect Lighthouse scores and sub-second load times.

Next.jsMongoDBReactTypeScriptTailwind CSSExpressREST APISASS
Deployed Link

Password Generator

An advanced password generation tool built as both a Progressive Web App and Chrome extension. Features customizable password generation rules, password strength assessment, and secure storage capabilities. Implements cryptographically secure random generation, with options for special characters, numbers, and varying lengths. Works completely offline with PWA capabilities for installation on any device. Chrome extension seamlessly integrates with browser forms for convenient password generation.

HTMLCSSJavaScript
Deployed Link

Portfolio Website

A feature-rich portfolio and blog platform built with Next.js and MongoDB. Implements advanced SEO techniques including structured data, dynamic sitemap generation, and optimized meta tags, resulting in top search rankings. Features include an elegant dark mode implementation, lazy-loaded images with blur placeholders, and a custom markdown-based blog engine with code syntax highlighting. Includes integrated analytics for visitor tracking, automated deployment with GitHub Actions, and comprehensive content management system. Achieves 100/100 scores across all Lighthouse metrics.

Next.jsMongoDBReactTypeScriptTailwind CSSSEO OptimizationContent Management
Deployed Link

Road Trip Planner

A comprehensive road trip planning application that combines route optimization, fuel cost estimation, and entertainment planning. Features include real-time gas price updates, intelligent route optimization with multiple waypoints, and personalized Spotify playlist generation based on trip duration and music preferences. Integrates multiple APIs including Google Maps, GasBuddy, and Spotify. Implements local storage for saved trips and offline access to trip details.

HTMLSassJavaScriptjQueryBulmaGoogleAPI
Deployed Link

Javascript Quiz

An interactive JavaScript knowledge assessment tool featuring a child-friendly design created in collaboration with my youngest daughter. Implements dynamic question generation, real-time scoring, and progressive difficulty levels. Features include animated transitions between questions, local storage for high scores, and detailed feedback on incorrect answers. Timer-based gameplay adds excitement while reinforcing learning objectives.

HTMLCSSJavaScriptjQuery
Deployed Link

Day Planner

An intuitive, responsive day planning application built with jQuery and Bootstrap. Features time-block organization, persistent data storage, and visual time tracking. Implements real-time updates using moment.js, color-coded time blocks for past, present, and future events, and local storage for data persistence. Includes drag-and-drop task reordering and recurring event scheduling.

HTMLCSSJavaScriptjQueryBootstrap
Deployed Link

Note Taker

A full-stack note-taking application with Express backend and dynamic front-end. Features markdown support, automatic saving, and categorized note organization. Implements RESTful API architecture, real-time search functionality, and secure note encryption. Includes features for note sharing, tagging, and automated backup to prevent data loss.

HTMLCSSJavaScriptNodeExpressAPI
Deployed Link

GitHub Readme Generator CLI

A command-line interface tool built with Node.js that streamlines the creation of professional GitHub README files. Features interactive prompts for all essential readme sections, markdown preview generation, and template customization. Supports multiple languages and formats, with options for badges, contribution guidelines, and license selection. Includes automatic TOC generation and GitHub emoji support.

HTMLCSSJavaScriptNodeMarkdown
Deployed Link

Weather App

A modern weather forecasting application utilizing the OpenWeather API for accurate predictions. Features an intuitive interface with animated weather conditions, hourly and 7-day forecasts, and detailed weather metrics. Implements geolocation for automatic local weather updates, unit conversion, and severe weather alerts. Includes widgets for quick weather checks and custom location saving.

HTMLSassJavaScriptjQueryBootstrapWeatherAPI
Deployed Link

Team Generator

A full-stack MERN application for dynamic team organization and management. Features include drag-and-drop team composition, role assignment, and real-time updates. Implements secure authentication, team member profiles with skill tracking, and project assignment capabilities. Built with TypeScript for type safety, Tailwind CSS for responsive design, and MongoDB for scalable data storage. My first full-stack project using the MERN stack, showcasing the integration of modern web technologies.

YarnSassReactTypescriptjQueryTailwindcssMongodbViteExpressAPI