Home About Services Skills Portfolio Contact

Hello, I'm

Thilina Supunsara

Creative Designer

About Me

Thilina Supunsara - Professional Developer

Thilina Supunsara

Welcome! I'm Thilina Supunsara, 24 years old, and I'm based in Puttalam, Sri Lanka. I'm always looking for new things to learn.

Web Development Frontend Development Backend Development Full-Stack Development CMS Development Mobile Apps

My Journey

I'm a Bachelor of Information Technology graduate from the University of Moratuwa, passionate about building clean, responsive, and user-focused digital experiences. As a dedicated Software Developer, I specialize in web development and design, with hands-on experience in multiple frameworks and programming languages. I'm driven by a commitment to delivering high-quality, efficient, and innovative solutions.

Services

Web Development

Creating functional and visually appealing websites using modern technologies and best practices.

Frontend Development

Developing the visual part of websites and applications that users interact with, using HTML, CSS, JavaScript, and modern frontend frameworks.

Backend Development

Creating and managing server-side logic, databases, and APIs to support the functionality of web and mobile apps.

Full-Stack Development

Handling both frontend and backend development, providing complete solutions from user interface to server logic.

API Integration

Connecting applications with third-party services or internal systems to enable data sharing and added functionality.

Database Design & Management

Designing, implementing, and maintaining databases to store, retrieve, and manage data efficiently and securely.

Responsive Web Design

Ensuring websites work smoothly and look great on all devices, including desktops, tablets, and smartphones.

Deployment & Hosting

Making applications live and accessible on the internet using modern hosting services.

Cloud Services

Utilizing platforms like Firebase to add features like authentication, hosting, real-time databases, and cloud storage.

CMS Development

Creating and customizing Content Management Systems like WordPress to allow clients to manage their content easily.

Mobile App Development

Building user-friendly mobile applications for Android and iOS platforms.

Skills

HTML

CSS

JavaScript

PHP

Java

Express.js

jQuery

Bootstrap

Laravel

React

MySQL

Firebase

MongoDB

VS Code

Eclipse

SQL Server

XAMPP

Android Studio

GitHub

Git

Portfolio

EasyLife Solutions - Tailoring Order Management System

WEB-BASED TAILORING ORDER MANAGEMENT SYSTEM

Crafting digital solutions for the fashion industry. Designed and developed a Web-Based Tailoring Order Management System for EasyLife Solutions using Laravel and MySQL, featuring intuitive interfaces, real-time tracking, and secure payment integration to transform the tailoring experience.

Virtual Try-On Application

Virtual Try-On Application

This application allows users to virtually try on clothes using uploaded garment images. Users can select the garment type, adjust its size and position, and see how it fits on their body in real-time. The app offers interactive controls for scaling and positioning, making the try-on experience customizable and user-friendly.

Background Removal Tool

Background Removal Tool (Laravel + API)

🔗 View Project

This tool is built with Laravel and integrates a third-party API to automatically remove backgrounds from images. Users can upload any image, and the system processes it in real-time, returning a clean, transparent-background version. It's ideal for e-commerce, design, and content creation needs.

Real-Time Eye Monitoring Tool

Real-Time Eye Monitoring Tool

EyeGuard is a smart application that monitors your eyes in real time using computer vision technology. It helps promote alertness and reduce fatigue by detecting prolonged eye closure. If your eyes remain closed beyond a safe threshold, the system triggers a visual alert and an optional sound notification to regain your attention.

Hand Gesture-Controlled Light System

Hand Gesture-Controlled Light System

🔗 View Project

This interactive system uses real-time hand tracking via a webcam to control lights with simple finger gestures. Users can raise their fingers to activate corresponding lights:
✋ 1 finger = Light 1
✌️ 2 fingers = Lights 1 & 2
🤟 3 fingers = Lights 1, 2 & 3
...and so on

BIT GPA Calculator

BIT GPA Calculator (HTML, CSS, JavaScript)

🔗 View Project

I developed a responsive GPA Calculator web application that allows BIT students to easily compute their Grade Point Average based on credit hours and letter grades. The calculator supports dynamic subject entry (add/remove subjects), real-time GPA computation with weighted credits, and grade point mapping aligned with academic benchmarks (A+, A, A-, etc.).

Real-Time Chat App

Real-Time Chat App with Laravel, Livewire, and Reverb

🔗 View Project

Building modern, real-time communication platforms. Architected and developed a Full-Stack Real-Time Chat Application using Laravel and Livewire, featuring instant messaging, "is typing" indicators, read receipts, and a complete friend/block management system to deliver a seamless and engaging user experience.


user - (test@example.com, password)
user - (thilina@example.org, password)

Housekeeping Management System

Housekeeping Management System with Laravel

🔗 View Project

Streamlining operations for the property management industry. Designed and deployed a Full-Stack Housekeeping Management System using Laravel, MySQL, and Docker, featuring role-based dashboards, interactive mobile checklists, and server-side GPS verification to ensure quality control and provide real-time oversight for property cleaning operations.


admin - (admin@example.com, password)
owner - (owner@example.com, password)
housekeeper - (housekeeper@example.com, password)

Remove Background

ClearCutAI Background Remover

🔗 View Project

I built ClearCutAI, a powerful web application designed to automatically remove image backgrounds with high precision. This tool simplifies the editing process by allowing users to upload multiple images and get clean, transparent backgrounds in seconds.


🛠️ Tech Stack:
Backend: Python, Flask
AI/Image Processing: Rembg, Pillow (PIL)
Frontend: HTML5, CSS3, JavaScript

Remove Background

Real-Time Virtual Lipstick Try-On

🔗 View Project

I built a real-time AI application that lets users try on different lipstick colors instantly using their webcam. It uses MediaPipe Face Mesh for precise lip tracking and renders colors dynamically on a canvas overlay.


🛠️ Tech Stack:
JavaScript,
MediaPipe,
HTML5,
CSS3.

Remove Background

Virtual Nail Try-On (camera)

🔗 View Project

This real-time application uses Computer Vision and Augmented Reality to let users instantly "try on" different nail polish colors and patterns through their camera. 💅✨ tracks hand landmarks in real-time to precisely mask and overlay designs on the fingernails, creating a seamless AR experience directly in the browser.


🛠️ Tech Stack:
Language: Python
Web Framework: Flask
Computer Vision: OpenCV & MediaPipe (Hand Tracking)
Data Processing: NumPy
Frontend: HTML5, CSS3, JavaScript

Virtual Nail Try-On

Virtual Nail Try-On (image)

🔗 View Project

This AI-powered web application allows users to virtually try on different nail colors and patterns in real-time. By leveraging computer vision, it accurately detects nails and applies realistic overlays with adjustable opacity and scaling.


🛠️ Tech Stack:
Backend: Python, Flask
AI & Computer Vision: YOLOv8 (Ultralytics), OpenCV,
Frontend: HTML5, Modern CSS3, JavaScript (Vanilla)
Tools: Docker, Git

Remove Background

Clothing Customization Tool with Flask & Fabric.js 👕✨

🔗 View Project

Cloth Customizer Pro! This is an interactive web application that allows users to design and customize clothing in real-time.

Cloth Customizer Pro provides a seamless canvas for users to upload base clothing images and personalize them with logos, custom text, and effects. It features a drag-and-drop interface where elements can beresized, rotated, and styled effortlessly.


🛠️ Tech Stack:
Frontend: HTML5, CSS3 , JavaScript
Canvas Library: Fabric.js
Backend: Python (Flask)
Image Processing: Pillow (PIL)

Remove Background

Timetable Pro – smart automated timetable generato

🔗 View Project

Timetable Pro – a smart automated timetable generator designed to solve the complex problem of scheduling classes without conflicts. Creating a manual timetable is often prone to errors and clashes. To solve this, I built a hybrid system that combines a robust Laravel 12 backend with a high-performance Python algorithm using Google OR-Tools.


🛠️ Tech Stack:
Backend: Laravel
Algorithm: Python + Google OR-Tools
Frontend: Blade Templates + Tailwind CSS
Database: PostgreSQL

Remove Background

School Management System

Description: A comprehensive School Management System built with Laravel 12, designed to streamline administrative, academic, and financial operations. The system features a multi-role architecture (Admin, Teacher, Accountant) with secure Role-Based Access Control


🛠️ Tech Stack:
Backend: Laravel , PHP
Frontend: Blade Templates, Tailwind CSS, Alpine.js
Database: MySQL
Key Packages: spatie/laravel-permission (Role Management)
barryvdh/laravel-dompdf (PDF Reporting)
laravel/breeze (Authentication)

Contact Me

Get in Touch

Have a project in mind? Feel free to reach out and let's discuss how I can help bring your ideas to life.

thilina.supunsara.croos@gmail.com
+94 763702544
Puttalam, Sri Lanka

Send a Message