Welcome to check out my projects

PROJECTS

Designing, Developing, Experimenting

A story-driven collection of projects exploring UI systems, interaction design, fullstack architecture and real-world development.

This was where everything started clicking for me.

Frontend Foundations

Learning how interfaces, layouts and interactions work.

Teacher's Site

This is an educational science website built with EJS templating on Node.js. It offers study content and helps students explore the scientific topics they are studying. The site features a clean, user-friendly design with responsive layouts for easy access across devices.

To Do App – Frontend Version (v1)

This is the first version of a To Do application, built as a frontend-focused project using HTML, CSS, and vanilla JavaScript. The goal was to create a clean and intuitive task manager while deepening my understanding of DOM manipulation, UI state, and event handling without relying on frameworks.

Hacker Escape Room

Hacker Escape Room is a themed booking platform built with HTML, CSS, and vanilla JavaScript. It allows users to explore available escape rooms, filter them based on preferences, and book a room directly through the site. The interface is responsive and crafted to provide a smooth user experience across all devices.

I stopped thinking in pages and started thinking in systems.

Interactive Systems

State-driven UI and interaction-focused development.

UI System / Component Library

A reusable UI system built with React and TypeScript, focusing on component architecture, variants, and state-driven design. It demonstrates how to build scalable and consistent user interfaces using a design system approach.

Wordle Game

Wordle Game is a word-guessing game built with React. It lets users guess a hidden word within six tries, providing real-time feedback on the accuracy and position of each letter. The game includes an interactive keyboard, color-coded hints, and a high score list where players can post and track their best results.

This was when projects started feeling real.

Fullstack Growth

Frontend meets backend architecture.

Grocery Helper

Grocery Helper is a full-stack web application that helps users manage recipes and grocery lists. Users can create grocery lists manually or add ingredients directly from recipes. The app features secure authentication, recipe management, and seamless integration between recipes and grocery lists.

Kino Movie Theatre

Kino is a movie browsing app built with Next.js. It lets users search for movies, view details like ratings and overviews, and navigate between pages using server-side rendering and dynamic routes. The design is responsive and user-friendly.

Real users change everything.

Professional Work

Production-focused client work.

Author's Portfolio Website

A modern portfolio website built for a client using React and Next.js. The site focuses on clean presentation, responsive layouts, and clear content structure to showcase professional services and projects.

OICAN/LAYR – B2B Shopify Website (Internship)

During my internship at OICAN/LAYR, I designed and developed a full B2B e-commerce website from scratch using Shopify. The project focused on creating a professional, scalable storefront tailored for business customers with emphasis on UX/UI and conversion-focused design.

Personal Portfolio Website

A modern personal portfolio website built with React, Next.js, and Tailwind CSS. The project focuses on performance, responsive design, and clear presentation of projects and experience through a clean and structured UI.

Backend Evolution

Systems Beyond
the UI

Diving deeper into Java, algorithms, architecture and backend thinking.

To Do App – Fullstack Version (Java, v2)

Fullstack To Do application built with Java and Spring Boot as a rebuild of an earlier frontend version.

JavaSpring BootREST APIJPASpring SecurityBackendFullstack

Java Exercise – Object Manipulation

An exercise showing object-oriented design and data manipulation in Java.

JavaOOPBackendClean Code

Java Exercise – Collections & Logic

A backend-focused Java exercise demonstrating collections and logic handling.

JavaCollectionsBackendProblem Solving

Java Exercise – Algorithms & Structures

An exercise showcasing Java-based algorithm and data structure implementation.

JavaAlgorithmsBackendProblem Solving

Contact

Let’s work together

Send a message

Or reach me directly through

I am very excited to hear from you!