Projects

A showcase of the projects I have created

NoteEarly - Full-Stack Educational Platform

Next.js 15
TypeScript
React
TailwindCSS
ShadCN UI
Node.js
Express.js
PostgreSQL
Drizzle ORM
Supabase Auth
Stripe
Docker
Terraform
DigitalOcean
Cloudflare
  • Developed a comprehensive freemium educational platform designed to enhance reading comprehension skills for children aged 5-12, featuring a multi-tenant architecture supporting admin (parents/teachers) and student user roles with progressive learning modules and real-time analytics.
  • Content Management System: Built a CRM-style dashboard enabling educators to create, organize, and manage custom reading modules with standardized templates and vocabulary integration.
  • Progressive Learning System: Implemented 10-level reading modules with structured difficulty progression aligned to New Zealand educational standards.
  • Multi-Tenant Architecture: Designed secure role-based access control supporting admin accounts (up to 50 students) and PIN-based student authentication.
  • Subscription Management: Integrated Stripe payment processing with freemium model (Free/Home/$7mo/Pro/$19mo) including customer portal and webhook handling.
  • Analytics & Progress Tracking: Developed comprehensive progress monitoring with visual dashboards, completion tracking, and performance insights.
  • Mobile-First Design: Fully responsive interface optimized for tablets and mobile devices with touch-friendly navigation.
  • Infrastructure as Code: Terraform modules for DigitalOcean droplet provisioning and DNS management with Docker Compose orchestration.
  • Security-First Design: Cloudflare DNS management with WAF (Web Application Firewall) enabled for DDoS protection and comprehensive monitoring.

Protein Compare

Next.js
TypeScript
Tailwind CSS
Zustand
ShadCN
  • Developed a web application to compare the cost of protein across products, addressing the challenge of confusing pricing caused by varying protein amounts in different brands. Built with Next.js 15, TypeScript, and Tailwind CSS.
  • Deployed the application on Vercel for seamless scalability and performance.
  • Designed with a mobile-first approach for full responsiveness and a clean, intuitive interface. Integrated modern UI components using ShadCN for consistency.
  • Implemented state management with Zustand and form validation using React Hook Form and Zod to ensure smooth user interactions.
  • Created to solve the problem of rising whey protein costs and unclear pricing comparisons, providing users with a simple and effective tool to make informed purchasing decisions.
  • Currently tracks 100 daily users, monitored using Vercel analytics.

Microservice E-Commerce App

Docker
Kubernetes
RabbitMQ
React
Express.js
TypeScript
NGINX
AWS
EKS
ArgoCD
  • Microservice Architecture: Developed a scalable e-commerce app demonstrating expertise in designing and implementing independent services for user management, product catalog, and order processing.
  • Container Orchestration: Implemented containerization with Docker and orchestrated services using Kubernetes, showcasing skills in deploying and managing microservices.
  • Event-Driven Communication: Enhanced system responsiveness and decoupling through asynchronous messaging with RabbitMQ, including a message-driven synchronization mechanism. Services listen for RabbitMQ messages to update local data stores in real-time, ensuring consistent data across the application.
  • Infrastructure Automation: Applied Infrastructure as Code (IaC) principles with Terraform for efficient cloud resource management.
  • Frontend Development: Developed a frontend using React and TypeScript, served via NGINX for optimized content delivery.
  • Security & Authentication: Implemented robust security measures including authentication, authorization, and rate limiting, supported by NGINX's request filtering and rate limiting capabilities.
  • REST API Design & Implementation: Crafted and deployed RESTful APIs for microservices, facilitating seamless data exchange and integration between frontend and backend systems.
  • Database Management: Leveraged MongoDB for efficient data storage and retrieval, implementing schemas for users, products, and orders to support the application's data persistence needs.
  • CI/CD Implementation: Utilized ArgoCD for continuous deployment, automating and managing the delivery of application updates across environments.

Property Rental App

MongoDB
Express.js
React
Node.js
TypeScript
Azure
GitHub Actions
  • Full-Stack Development: Developed a full-stack property rental application using MongoDB, Express.js, React, and Node.js with TypeScript. Implemented key features including a custom JWT auth solution, search filters, and watchlists.
  • Cloud Deployment & Management: Successfully deployed and managed the application on Azure, utilizing Azure Kubernetes Service (AKS) for container orchestration, Azure Container Registry (ACR) for image storage, and Docker.
  • CI/CD Implementation: Engineered a CI/CD pipeline using GitHub Actions, facilitating automated testing and deployment processes.