Web Development
Creating functional and visually appealing websites using modern technologies and best practices.
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.
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.
Creating functional and visually appealing websites using modern technologies and best practices.
Developing the visual part of websites and applications that users interact with, using HTML, CSS, JavaScript, and modern frontend frameworks.
Creating and managing server-side logic, databases, and APIs to support the functionality of web and mobile apps.
Handling both frontend and backend development, providing complete solutions from user interface to server logic.
Connecting applications with third-party services or internal systems to enable data sharing and added functionality.
Designing, implementing, and maintaining databases to store, retrieve, and manage data efficiently and securely.
Ensuring websites work smoothly and look great on all devices, including desktops, tablets, and smartphones.
Making applications live and accessible on the internet using modern hosting services.
Utilizing platforms like Firebase to add features like authentication, hosting, real-time databases, and cloud storage.
Creating and customizing Content Management Systems like WordPress to allow clients to manage their content easily.
Building user-friendly mobile applications for Android and iOS platforms.
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.
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.
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.
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.
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
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.).
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)
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)
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
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.
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
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
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)
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
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)