All Projects

Adrenaline Rush

Marketing website for Adrenaline Rush by CTX, a premium gym and wellness space at Colombo Colts Cricket Club. The experience highlights bold hero branding, clear navigation (training programs, recovery and wellness, pricing), membership tiers for local and expat visitors, and strong CTAs to get started or contact the team. It also promotes the companion mobile app and surfaces facility differentiators such as personal training, classes, ladies-only training, and on-site medical support.

Next.jsReactTailwind CSS
Live Demo

NETEX Technologies

Marketing site for NETEX Technologies, positioning its suite of business tools for inventory, customer relationships, and day-to-day operations. The experience leads with a clarity-focused hero, dashboard-style proof of real-time analytics, role-based perspectives (Sales, Finance, Operations, HR), solution areas from sales and finance to inventory, services, productivity, and HRM, plus social proof, integrations, and clear paths to get started or watch a demo.

Next.jsReactTailwind CSS
Live Demo

Tether

Tether is a real-time chat application designed for seamless communication with a clean, responsive interface. It supports secure user authentication, instant messaging powered by WebSockets, and image sharing with cloud storage integration. Users can see online/offline presence, access chat history across sessions, and enjoy a mobile-friendly experience. Originally a learning project, Tether has grown into a feature-rich messaging platform with upcoming support for group chats.

ReactNode.jsSocket.IOExpressMongoDBTailwind CSS
View Source
Live Demo

GameScout

GameScout is a responsive video game discovery app that lets users explore a massive library of titles with ease. It features a powerful search to quickly find games by keyword, along with filtering options for platforms and genres to refine results. Users can sort games by popularity, relevance, review scores, or date added, ensuring a tailored browsing experience. The interface is clean, intuitive, and optimized for any screen size, making it accessible across devices. Each game is presented in visually appealing cards that highlight key details at a glance. Upcoming features include interactive cards with detailed descriptions and direct links to purchase or play. Designed with a focus on usability and engagement, GameScout transforms browsing into a smooth and enjoyable experience for gamers.

ReactChakra UIRawg.io API
View Source
Live Demo

GloveShift

Glove Shift is a gesture-based control system that transforms hand movements into real-time racing game inputs. Built with computer vision and machine learning, it lets players accelerate, brake, steer, and reverse using only intuitive hand gestures.. No extra hardware or calibration required. Open-source and easy to set up, Glove Shift adds a unique layer of immersion and works with virtually any racing game.

OpenCVMediaPipeTensorFlowPython
View Source

LifeSync

LifeSync is a smart task and schedule manager that leverages machine learning to predict optimal times for your tasks. Using an LSTM model, it analyzes your habits and suggests schedules, helping users stay organized effortlessly. With secure Firebase authentication, push notifications, and a clean mobile interface, LifeSync combines AI-powered insights with simplicity and usability.

FlutterFirebasePythonTensorFlow
View Source

Intelligent Patient Care System

This system streamlines medical record management for patients, medical assistants, and doctors. Built with ASP.NET Core and HTML/CSS, it provides secure access to patient profiles, diagnoses, treatment plans, and lab results. Patients can view and track their health data, doctors can analyze patterns and provide accurate diagnoses, and medical assistants can manage records and assist with communication. The platform centralizes healthcare information to improve collaboration and enhance the accuracy and quality of patient care.

ASP.NET CoreHTMLCSS
View Source

Currency Master

Currency Master is a simple yet polished currency converter built with React. It fetches up to date exchange rates from ExchangeRatesAPI and lets users convert between any supported currencies instantly. The UI is responsive and clean, powered by Material UI and Zustand for state handling. Users can select base and target currencies, enter an amount, and see results update automatically. Designed to be lightweight and fast, the app offers a smooth experience across devices, with API requests handled securely through environment based keys.

ReactAxiosMaterial UIZustand
View Source
Live Demo

StashIt

StashIt is a compact front end e commerce UI created with Flutter. It includes a product listing screen, a functional cart screen, and simple add or remove interactions. All products are stored locally as hardcoded objects, and images are loaded from bundled assets. While it has no backend or payment integration, it delivers a clean and smooth mobile shopping flow, ideal for UI demonstration or learning Flutter fundamentals.

FlutterDart
View Source

Task Manager

Task Manager is a simple and efficient Flutter app for organizing day to day tasks. Users can create new tasks, tick them off when completed, and remove them when they are no longer needed. All data is stored locally using the Hive database, ensuring tasks remain saved even after app restarts. Built with a clean UI and smooth interactions, it is a great example of local persistence and state handling in Flutter.

FlutterDartHive
View Source

Weather App

A full stack weather application built with React and Node.js that delivers secure, real time weather data through a backend proxy. The app fetches city information from a local JSON file, retrieves weather updates from OpenWeatherMap, and caches responses using React Query with a five minute freshness window. Users authenticate through Auth0, with JWT protected backend routes and multi factor authentication enabled. The interface is responsive, clean, and optimized for both desktop and mobile, providing a smooth and reliable weather tracking experience.

ReactNode.jsExpressReact QueryTailwind CSSAuth0
View Source

Product Catalog App

A product catalog system built with Spring Boot microservices for authentication and product management, paired with a React frontend. The backend exposes JWT secured endpoints for user registration, login, and product CRUD operations. The frontend uses React with TypeScript, Zustand, Tailwind, and DaisyUI to offer category filtering, search, and a responsive interface. PostgreSQL runs in Docker for reliable persistence, keeping the setup lightweight and easy to spin up.

ReactTypeScriptZustandTailwind CSSDaisyUISpring BootPostgreSQLDocker
View Source

TTS Dictionary

A desktop dictionary app that lets you look up English word meanings and hear the pronunciation using text to speech. The UI is built with PyQt6, audio playback is handled with pygame, and spoken audio is generated using gTTS. Definitions are fetched from the Free Dictionary API.

Python
View Source

Company Portfolio UI

A simple, fully responsive website built to practice HTML, CSS, and JavaScript. It features a minimalist layout, adapts to different screen sizes, and includes basic interactive elements to improve user experience. Ideal for demonstrating front-end fundamentals and design sensibilities.

HTMLCSSJavaScript
View Source
Live Demo

NIC Analysis

A simple C++ console application that analyzes Sri Lankan National Identity Card numbers. It validates NIC numbers, calculates the person's age, and identifies gender based on the NIC format. Lightweight and straightforward, ideal for practicing C++ basics and string manipulation.

C++
View Source