Back to Portfolio
BoardLanka Case Study
Property Rental Marketplace

BoardLanka. Next-Gen Rentals.

A modern full-stack property rental platform built for students, working professionals, and families to discover rooms, annexes, and houses across Sri Lanka.

Project Overview

BoardLanka connects property owners with renters through a secure, responsive, and user-friendly marketplace. The platform eliminates the friction of traditional rental hunting by providing verified listings, advanced filtering, and a seamless discovery experience tailored for the Sri Lankan market.

Next.jsReactTailwind CSSFramer MotionNode.jsExpress.jsSupabasePostgreSQLResend

My Role: Full Stack Developer

  • UI/UX Design & Wireframing
  • Frontend Development (React/Next.js)
  • Backend API Architecture (Node/Express)
  • Database Design (PostgreSQL)
  • Authentication & Security Setup
  • Responsive Web Design Implementation

The Problem

  • Students struggle to find verified boarding places near universities.
  • Working professionals waste time sifting through unorganized, unreliable Facebook groups.
  • Property owners lack a centralized, professional way to advertise their rentals.
  • No modern, dedicated platform exists specifically for the Sri Lankan rental market.

The Solution

  • Verified property listings with high-quality images and clear pricing.
  • Advanced search & powerful filtering to find exact matches quickly.
  • Secure authentication and dedicated dashboards for property owners.
  • A modern, responsive interface accessible on any device.

System Architecture

A robust, scalable tech stack designed for high performance and seamless user experience.

Next.js Frontend
Express Backend
Supabase PostgreSQL

Core Features

Secure Login

Advanced Search

Property Filters

Owner Dashboard

Favorites List

Responsive UI

Email Alerts

Fast Discovery

Development Process

1

Research & Wireframing

Analyzing competitors, creating user personas, and drafting low-fidelity wireframes in Figma.

2

UI Design

Crafting a dark luxury aesthetic with glassmorphism components and a comprehensive design system.

3

Frontend Development

Building responsive React components with Next.js, Framer Motion, and Tailwind CSS.

4

Backend API

Developing RESTful APIs with Express.js and securing endpoints with JWT.

5

Database & Auth

Designing PostgreSQL schemas on Supabase and integrating Supabase Auth.

6

Testing & Deployment

End-to-end testing, optimizing performance, and deploying on Vercel.

Challenges Overcome

Scalable Database Design

Structuring PostgreSQL schemas to handle complex relational queries between users, properties, and favorites without performance bottlenecks.

Frontend-Backend Integration

Ensuring seamless state management and data fetching between the Next.js client and the Express REST API.

Responsive Layouts

Creating a premium glassmorphism aesthetic that degrades gracefully on mobile devices without sacrificing UX.

Results & Takeaways

Platform Successfully Launched

Delivered a highly responsive, secure, and modern web application with a scalable architecture ready for real-world user adoption.

PostgreSQL Mastered

Auth Implemented

REST APIs Built

Clean Architecture

0Pages Designed
0API Endpoints
0Database Tables
0+Lines of Code

Looking Ahead

Google Maps IntegrationBooking SystemReal-time ChatPush NotificationsAI Property RecommendationsAdmin Dashboard

Conclusion

BoardLanka successfully demonstrates my ability to build scalable full-stack applications using modern technologies. From designing intuitive interfaces to engineering robust backend systems and PostgreSQL databases, this project represents my commitment to best software engineering practices and delivering real-world value.