Software Engineering Student

Hi, I’m Waruna — I build production-ready, accessible web apps.

I build scalable, user-centric applications using React, Next.js, and TypeScript — focusing on clean UI/UX and performance.

GitHub LinkedIn
Next.js Expert Modern UI/UX Clean Code
Building Now
User Login System (Angular + Backend)
Repo
portfolio.config.ts
const developer = "Waruna";
const role = "Full-Stack Dev";
const stack = ["React", "Next.js", "TS"];
ship(stack, "Production Ready");
// Always learning & improving

About Me

A quick snapshot of who I am and how I build.

I build responsive, accessible, modern UIs that feel intuitive on any device. I love turning well-crafted designs into real interfaces that stay fast, polished, and reliable.

My focus is on clean code, thoughtful UX, and performance-first decisions that keep projects maintainable and users happy.

  • Responsive layouts (Flexbox/Grid)
  • DOM manipulation and interactive UI with JS
  • Git/GitHub workflow
  • API basics (fetch)
  • Continuous learning
Available

Waruna

Full Stack Developer

Software Engineering @ TAMK

NOW

Actively building portfolio projects

Open to internship / junior roles

Finland

FOCUS

Responsive UI Clean Code Full-Stack

STACK

JavaScript React Next.js TypeScript Git

Skills & Toolkit

Tools and technologies I use to build modern, responsive web experiences.

Frontend Stack

React, Next.js, TypeScript

React / Next.js
90%
TypeScript
85%
JavaScript (ES6+)
95%
HTML5 / CSS3
95%

Backend & Data

Node.js, SQL, NoSQL

Node.js
80%
PostgreSQL (Neon)
75%
MongoDB
75%
REST APIs
85%

UI/UX & Design

Design Systems, Animations

Responsive Design
90%
Neumorphism / Glassmorphism
85%
Animations
80%
Tailwind CSS
85%

Tools & Workflow

DevOps, A11y, Git

Git & GitHub
90%
VS Code
90%
Accessibility (A11y)
85%
State Management
85%

*Levels are self-assessed based on real projects.

Projects

Selected builds that showcase modern UI, clean code, and performance-minded full-stack work.

Nimbus Weather Engine

Developed a production-grade weather dashboard using Next.js App Router and modern component-based architecture.

Next.js TypeScript Tailwind CSS WeatherAPI
  • Real-time data with hourly & 7-day forecasts
  • Dynamic backgrounds adapting to weather
  • Advanced features: UV, Air Quality, City Search
Live Demo GitHub Repo

QuizMaster

Built a fully interactive quiz application using pure JavaScript without external libraries.

Vanilla JS HTML5 CSS3 LocalStorage
  • Custom state management for scoring
  • LocalStorage persistence for high scores
  • Accessibility-focused (ARIA, Keyboard nav)
Live Demo GitHub Repo

Modern Premium Calculator

Developed a feature-rich calculator handling complex arithmetic logic, edge cases, and history tracking.

JavaScript CSS Variables Neumorphism
  • Neumorphic UI with advanced shadows
  • History tracking & clipboard copy
  • Full keyboard support
Live Demo GitHub Repo

Pure JavaScript Digital Clock

Built a lightweight digital clock using the native JavaScript Date API with persistent preferences.

JavaScript Date API CSS
  • Dark/light theme toggle (persistent)
  • 12-hour / 24-hour format switching
  • Performance-focused, lightweight UI
Live Demo GitHub Repo

Let’s Connect

Open to internships, junior roles, and select freelance projects. I reply quickly.

I build reliable, responsive UIs and communicate clearly. If you have a role or project in mind, let’s talk.

Email contact@warunaslfi.com
GitHub github.com/WarunaSLFI
LinkedIn linkedin.com/in/warunarathnamalala/