My Projects

Interactive solar quotation platform for Canadian homeowners. It calculates system size and estimated production based on rooftop area using Mapbox for mapping, NREL for solar data, and Turf.js for polygon measurements. Built with Next.js and Supabase, with automated HubSpot lead capture and tracking.

Mayhem Creations is an enterprise-grade embroidery e-commerce platform built with TypeScript, React, Express.js, MariaDB, and Tailwind CSS, tailored for custom merchandise and apparel businesses. It offers a seamless shopping experience with an interactive embroidery design tool for real-time product customization, a robust multi-role system (Customer, Admin, Seller, Employee), and enterprise-level security including RBAC, MFA, and OAuth integration. The platform empowers businesses with comprehensive order and inventory management, advanced payment processing, and powerful business intelligence dashboards, while ensuring performance and scalability through caching, background jobs, and PWA support. With its mobile-first responsive design, Mayhem Creations enables embroidery stores to deliver personalized, secure, and scalable shopping experiences to customers worldwide.

WanderWise by Aean is an intelligent travel companion built with Next.js and Tailwind CSS, designed to generate personalized, day-by-day itineraries using AI. It integrates multiple AI providers (Groq, DeepSeek, and OpenAI) to deliver smart, budget-aware travel plans with contextual destination insights, real-time weather forecasting, and seasonal recommendations. The platform includes a flexible template system with 20+ curated itineraries, advanced conversation management features such as message organization, search, export/import, and reactions, as well as a sleek, responsive UI with dark/light mode, accessibility support, and robust error handling. Created by Aean Gabrielle Tayawa, WanderWise combines cutting-edge AI technology with a passion for travel to help users plan smarter, more memorable journeys with ease and confidence.

A comprehensive Renewable Energy Management Platform designed to track, monitor, and optimize solar, wind, hydro, geothermal, and biomass energy systems. It integrates real-time monitoring, geospatial mapping, AI-assisted solar planning, and multi-role user collaboration to streamline energy management and decision-making. Notable Features • Renewable Energy Management: Multi-category support, FIT integration, asset transfers, and real-time system monitoring. • Interactive Mapping & Visualization: Leaflet maps, geospatial analysis, heat maps, drawing tools, and geocoding integration. • AI-Powered Solar Calculator: PV system sizing, ROI and cost-benefit analysis, AI chatbot for planning, GPS-based solar data, and weather integration. • User & Collaboration Management: Multi-role access, request approvals, organizational affiliations, and detailed user profiles. • Mobile & API Support: RESTful API, mobile app compatibility with offline sync, Swagger documentation, and secure rate limiting.

Table Tennis Game Analysis PWA is an offline-first Progressive Web App that provides comprehensive match tracking and analysis for table tennis games. Built with Next.js 14, TypeScript, Supabase, and TailwindCSS, the application features a sophisticated dual-storage architecture using IndexedDB for offline functionality and PostgreSQL for cloud synchronization, enabling coaches to record and analyze matches even without internet connectivity. The app implements an intuitive clickable table interface (eliminating traditional dropdowns for better mobile UX) that captures detailed match data including 7 serve types, 6 spin variations, 21 return shot types, and precise ball landing positions on a 4x3 interactive court grid, while automatically managing serve rotations and proper table tennis scoring rules including deuce scenarios. Key technical achievements include a queue-based sync system that seamlessly uploads offline data when connectivity is restored, service worker implementation for PWA installation on mobile devices, and a real-time scoring engine that tracks sets, rallies, and player statistics across best-of-3/5/7 match configurations, all wrapped in a responsive green-themed interface optimized for touch interactions during live match coaching

IRIS (IoT Real-time Insight System) is a full-stack IoT monitoring solution that provides real-time data collection, visualization, and control of environmental conditions through an intuitive web dashboard. Built with a Django REST API backend and Next.js frontend, the system integrates with ESP32 sensor devices via MQTT protocol to collect and analyze critical environmental metrics including temperature, humidity, soil moisture, and light intensity. The platform features MongoDB-based scalable data storage, threshold-based alerting system, customizable automation rules with if-this-then-that logic, interactive data visualization charts, and role-based access control for admin and viewer users. The modern, responsive UI leverages Tailwind CSS and shadcn/ui components to deliver a seamless user experience across devices, while the real-time data synchronization ensures stakeholders can monitor environmental conditions and respond to changes instantly, making it an ideal solution for smart agriculture, facility monitoring, environmental research, and any application requiring precision IoT sensor management.

ClinicQueue is a full-stack healthcare SaaS platform built with Next.js 15, TypeScript, and Supabase that revolutionizes patient flow management for medical clinics in the Philippines. The application features real-time queue tracking with automatic numbering, an interactive appointment calendar with drag-and-drop scheduling and recurring appointment support, a public booking portal with clinic-specific URLs, and automated SMS reminders via Semaphore API to reduce no-shows. Leveraging a multi-tenant architecture with Row Level Security (RLS), the platform provides secure clinic-level data isolation, role-based access control, and complete clinical documentation including patient records and visit history. Built with modern technologies including Tailwind CSS v4, TanStack Query for state management, React Hook Form with Zod validation, and Upstash Redis for rate limiting, the system reduces patient wait times by 60% while enabling clinics to increase daily capacity by 40% through intelligent queue distribution and streamlined workflows.

A modern, responsive portfolio website template built with React, TypeScript, and Material-UI, specifically designed for professional virtual assistants and business service providers. Features a clean, professional aesthetic with Material-UI components, fully responsive design optimized for all devices, high performance with Vite, smooth animations powered by Framer Motion, EmailJS-powered contact form with professional email templates, full TypeScript support, SEO optimization, accessibility features with ARIA labels, and a professional pastel pink and purple theme perfect for service providers.

A production-ready inventory management system for supplement stores with real-time features, secure authentication, and a modern admin dashboard. Built with Next.js 15, TypeScript, and Supabase. Features comprehensive inventory management with real-time stock tracking, e-commerce functionality with shopping cart and checkout, user management with admin approval system, real-time chat support, analytics dashboard with sales metrics and insights, and secure JWT-based authentication with role-based access control. Includes responsive design, advanced search & filtering, Stripe payment integration, Row Level Security, and is optimized for performance with a Lighthouse score of 95+ across all metrics.

MediaTiger is a comprehensive YouTube monetization platform designed specifically for content creators who want to maximize their earnings from YouTube Shorts. The platform provides a unique music partnership program that allows creators to add licensed background music to their Shorts and earn additional revenue through music royalties - completely separate from their existing AdSense income. Built with React, TypeScript, and modern web technologies, MediaTiger offers creators access to a curated music library, real-time analytics dashboard for tracking earnings, and a 50/50 revenue split (with 60/40 for high-performing creators). The platform features an invite-only system to maintain quality standards, provides detailed guidance on maximizing revenue through proper music usage and audience targeting, and handles all licensing and payment processing through trusted partners like Tipalti. With features including channel management, analytics tracking, admin panels, and comprehensive onboarding, MediaTiger aims to help creators tap into a new revenue stream while enhancing the quality and reach of their YouTube Shorts content.

Developed an internal portal with PHP, JavaScript, and MySQL for document tracking, reporting, and task management. Improved efficiency by 40% through process automation. Also designed and deployed a responsive WordPress company website, boosting client inquiries by 25% in two months.

A GIS-enabled MERN stack web app for real-time monitoring of solar-powered water pumps using MQTT WebSockets. Maps pump locations on an interactive Leaflet map, tracking voltage, current, power output, and water flow. Integrates PVWatts API for solar energy forecasts, Gasoline Price API for cost savings comparisons, and Weather API for weather-based performance insights. Designed for agriculture, supports multi-site monitoring, remote diagnostics, and cost-benefit analysis.

This project delivers a modern, responsive energy management platform designed with a professional UI that supports both light and dark modes while maintaining WCAG-compliant accessibility. It features a comprehensive real-time dashboard for monitoring energy production, consumption, solar panel performance, battery storage, and connected devices, complemented by advanced analytics and reports. User management is streamlined with role-based access, detailed profiles, activity tracking, and a robust permissions system. The platform also includes extensive system features such as customizable settings, real-time notifications, global search, built-in support, and branding options, ensuring a scalable, efficient, and user-friendly solution for energy operations.