Jenny Makki

Welcome to my Portfolio!
Hero

I build component-driven web experiences

I love turning ideas into interactive systems where design and code work together — and where the process is just as fun as the result.

Jenny Makki

Full Stack Developer

Building digital experiences through creativity

My journey into tech started with curiosity — a fascination for how ideas can become interactive experiences.

What began as experimentation quickly turned into a passion for building things where design, structure and problem-solving come together.

I love programming because it feels limitless — a creative space where ideas can grow into experiences that are both meaningful and fun to build.

My Capabilities
Frontend
ReactNext.jsTailwindHTMLCSSTypeScriptEJSJavaScriptThymeleafShopify
Backend
MongoDBExpressNode.jsREST APICMS-adapterJavaSpring BootSpring Data JPASpring SecurityMySQL
Tools
GitFigmaVSCodeIntelliJDockerDocker ComposeCypressJest
SoftSkills
AgileCommunicationProblem-solvingCollaborationAttention to Detail

Interactive Developer Journey

My Projects

Not just projects — chapters of growth, experimentation, creativity and becoming a better developer through building.

Chapter 01 — System Thinking

Designing scalable UI architecture

Building systems before building screens.

Chapter 01 — System Thinking
New Skill
UI System / Component Library

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.

+ UI Architecture Unlocked

Each project became a new step in learning, experimenting and building with more confidence.

Chapter 02 — Fullstack Foundations

Data, authentication & user flows

Frontend finally meets real backend logic.

Chapter 02 — Fullstack Foundations
New Skill
Grocery Helper

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.

+ Auth & APIs Mastered

Each project became a new step in learning, experimenting and building with more confidence.

Chapter 03 — Real-world Applications

APIs, booking systems & complex logic

Things become more production-like.

Chapter 03 — Real-world Applications
New Skill
Kino Movie Theatre

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.

+ Complex Systems Built

Each project became a new step in learning, experimenting and building with more confidence.

Chapter 04 — Interaction Design

Game logic & dynamic UI feedback

Interfaces become playful and alive.

Chapter 04 — Interaction Design
New Skill
Wordle Game

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.

+ Interaction Design Unlocked

Each project became a new step in learning, experimenting and building with more confidence.

Chapter 05 — Content Systems

Server-side rendering & structured content

Learning how content scales beautifully.

Chapter 05 — Content Systems
New Skill
Teacher's Site

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.

+ SSR & CMS Experience

Each project became a new step in learning, experimenting and building with more confidence.

Chapter 06 — Client Build

Books, content & conversion-driven design

From structure to real-world publishing flow.

Chapter 06 — Client Build
New Skill
Author's Portfolio Website

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.

+ Client Project Delivered

Chapter Complete

Continue exploring the full project archive

Testimonials

What people say

Feedback from collaborators and projects I’ve had the pleasure to work on.

Henrik Mattsson

It has been a pleasure working with Jenny. She brings a positive energy to the team, consistently demonstrates attention to detail, and is always focused on achieving results.

Henrik Mattsson

Project Collaborator

Patrik Eriksson

Working with Jenny has been incredibly inspiring. She brings outstanding organization, structure and creative energy to everything she does. Her eye for design elevates every project.

Patrik Eriksson

Project Collaborator

Now

Currently working on

I’m currently doing my internship at LAYR, where I’m building their B2B platform with a focus on scalable frontend architecture and clean UI systems.

Alongside this, I’m improving my React skills — especially component design, reusable UI patterns, and building consistent design systems that scale.

My focus is growing as a frontend developer where structure, usability and visual clarity meet.

Contact

Let’s work together

Send a message

Jenny avatar

Or reach me directly through

I am very excited to hear from you!