Projects

MapPalette

MapPalette Website Demo GIF
MapPalette Website Demo

Module: Web Application Development (WAD2)

Architecture:

  • Stack: Vue 3 frontend backed by Node.js microservices and Prisma ORM.
  • The Refactor: V1 was about surviving the deadline; V2 was about engineering. I completely rebuilt the backend to move away from costly managed services.
  • Infrastructure: Migrated from Firebase to self-hosted Supabase to cut costs and gain full control over the database layer.
  • Architecture: Split the monolithic logic into a Microservices architecture to handle social interactions and geospatial data separately.
  • Key Stat: Drastically accelerated feed load timings by replacing inefficient "fetch-all" queries with optimized data retrieval strategies.

What I Learnt:

  • Caching & Pagination: The difference between "working code" and "fast code"—specifically, how to implement cursor-based pagination and caching to stop the database from choking on data.
  • Google Maps API: How to properly integrate interactive maps and manage third-party API constraints without breaking the bank.

Yorkshire Crypto Exchange

Module: Enterprise Solutions Design (ESD)

Architecture:

  • Architecture: Fully containerized Microservices architecture using Flask, Next.js, and Kong API Gateway.
  • Scale: Orchestrated 10+ atomic and composite services handling synchronous (HTTP) and asynchronous (RabbitMQ) operations.
  • Infrastructure: Self-hosted on Linux with custom Docker networking and reverse proxy configuration.
  • Key Stat: Implemented an automated market maker and order matching engine capable of handling real-time trade execution without race conditions.

What I Learnt:

  • Asynchronous Processing: How to use RabbitMQ to decouple services (e.g., placing an order vs. matching it) to prevent system bottlenecks.
  • Infrastructure as Code: The pain and power of managing extensive docker-compose networks and ensuring DNS resolution between containers.

Singheatlh

Singheatlh Website Demo GIF
Singheatlh Website Demo

Module: Object Oriented Programming (OOP)

Architecture:

  • Stack: Fullstack implementation using Spring Boot (Java) and Vite + React.
  • Complexity: Built 74 unique API endpoints covering appointment scheduling, queue management, and patient profiles.
  • Data: Seeded and managed 3,358 user profiles using automated Flyway migrations for version control.
  • Key Stat: Strictly adhered to a Layered Architecture (Controller -> Service -> Repository) to ensure code modularity and maintainability.

What I Learnt:

  • Strict Typing: The discipline of Java and OOP principles compared to the flexibility of JavaScript.
  • Database Versioning: Using Flyway to manage schema changes programmatically rather than manually executing SQL scripts.