Rumesh Kumara

Software Engineer

Crafting exceptional digital experiences with modern technologies. Specialized in React, Next.js, and TypeScript.

React✦

Node.js✦

TypeScript✦

Next.js✦

Three.js✦

UI & UX✦

Python✦

Figma✦

About Me

I'm a passionate creative aspiring Frontend and UI/UX Designer with a keen eye for detail and a love for creating seamless user experiences. With years of experience in the industry, I specialize in building modern, customized, performant web applications using cutting-edge technologies.

My expertise lies in React, Next.js, TypeScript, and modern CSS frameworks. I believe in writing clean, maintainable code and following best practices to deliver exceptional products that not only look great but perform flawlessly.

When I'm not coding, you'll find me exploring new design trends, contributing to open-source projects, or sharing my knowledge with the developer community.

Skills & Technologies

Programming Languages

JavaScript

TypeScript

Java

Python

HTML5

CSS3

JavaScript

TypeScript

Java

Python

HTML5

CSS3

Technologies & Frameworks

React

Next.js

Vue.js

Node.js

Express

Tailwind CSS

Spring Boot

Redux

MongoDB

PostgreSQL

MySQL

Docker

Git

GraphQL

Figma

Webpack

Vite

Jest

AWS

Kubernetes

Featured Projects

UI/UX

Smart Home Automation Dashboard

A comprehensive UI/UX design for a smart home automation dashboard, allowing users to control lighting, climate, security, and appliances from a single, intuitive interface.

Figma

Web App

Mock Interview Web App

Worked as part of a 3-person development team to design and develop a full-stack AI mock interview platform with dynamic question generation and live answer evaluation, achieving 95% positive user feedback during testing.

Next.jsNode.jsExpress.jsPostgreSQL+1

Live Demo GitHub

Web App

Smart Blood Bank Management System

Collaborated in a 4-member team to develop a centralized blood bank management system for Ratnapura General Hospital, streamlining blood donor management, inventory tracking, and donation campaigns for improved operational efficiency.

Next.jsNode.jsExpress.jsPostgreSQL+1

Live Demo GitHub

UI/UX

UI Kit for Blood Bank Management System

Designed a comprehensive UI kit for the Smart Blood Bank Management System, including intuitive dashboards for hospital staff, donor registration flows, and inventory management interfaces.

Figma

UI/UX

Real-Time Messaging Dashboard

Designed a sleek and modern real-time messaging dashboard with focus on user experience, featuring contact lists, chat interfaces, and media sharing capabilities.

Figma

UI/UX

E Commerce Mobile App UI Design

A clean and intuitive mobile app UI design for an e-commerce platform, focusing on seamless product discovery, easy checkout process, and personalized user profiles.

Figma

Others

VS Code Extension

Collaborated in a 3-member team to design and develop an AI-powered Visual Studio Code extension that analyzed coding habits, productivity patterns, and developer activity, helping improve developer efficiency and well-being.

Chart.jsTypeScriptVS Code API

Live Demo GitHub

UI/UX

Smart Salon Appointment Booking System Web UI

Designed a user-friendly web interface for a salon booking system, allowing clients to browse services, select stylists, and book appointments with ease.

Figma

Web App

Developer Productivity Tool

Built a productivity-focused developer tool that organized 100+ programming shortcuts and commands into a single searchable interface, reducing lookup time by 60%.

Next.jsNode.jsFirebaseExpress+2

Live Demo GitHub

Others

Briefly: AI Content Summarizer

An AI-powered application that leverages the Gemini API to summarize long-form content, articles, and documents into concise, readable summaries.

Next.jsNode.jsFirebaseExpress+2

Live Demo GitHub

UI/UX

UI Kit for Chrome Extension

Designed a versatile UI kit for a Chrome extension, featuring customizable components, clear navigation, and a modern aesthetic to enhance extension usability.

Figma

Design Work

Separate visual explorations placed right after projects.

Comparison of Glassmorphism, Light, and Dark Smart Home UI designs

Dashboard UI Design

Smart Home Dashboard: Theme Exploration

A comprehensive exploration of a smart home interface across three distinct styles: modern Glassmorphism, a clean Light UI, and a high-contrast Dark mode.

UX/UI Case Study

Travel Card Design

A travel app card concept that emphasizes destination imagery, concise information hierarchy, and clear call-to-action elements.

Visual Portfolio

Design Showcase

Exploring the intersection of aesthetics and functionality through high-fidelity prototypes.

Web App Designs

Web Application

Home Automation Dashboard UI

Web Application

Home Automation Dashboard UI

Web Application

Home Automation Dashboard UI

Web Application

Home Automation Dashboard UI

Web Application

Messaging Dashboard UI

Web Application

Messaging Dashboard UI

Web Application

Messaging Dashboard UI

Web Application

Home Automation Dashboard UI

Web Application

Home Automation Dashboard UI

Web Application

Home Automation Dashboard UI

Web Application

Home Automation Dashboard UI

Web Application

Messaging Dashboard UI

Web Application

Messaging Dashboard UI

Web Application