'%3e%3cg%20id='LOGO'%3e%3cpath%20d='M218.682,452.163L111.153,452.304L111.153,374.157L484.347,374.157L484.347,452.304C450.657,452.257%20432.581,452.21%20376.881,452.163'%20style='fill:none;stroke:rgb(0,171,169);stroke-width:14.7px;'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e)
'%3e%3cg%20id='LOGO'%3e%3cpath%20d='M1439.38,212.633L1439.38,276.743L1041.14,276.743L1041.14,212.633L1439.38,212.633ZM1435.22,216.8L1045.3,216.8L1045.3,272.577L1435.22,272.577L1435.22,216.8Z'%20style='fill:rgb(0,171,169);'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e)
Selected Work // Case Studies // Creative Builds
Projects
A selection of training projects and product-oriented case studies. They show how I approached frontend structure, API integration, mapping, and product thinking while building practical experience across web and mobile applications.
Selected Work
These case studies span learning projects and more product-oriented builds. They show how I approach frontend structure, API integration, user flows, and real-world product thinking.
Responsive interfacesVisual systemsFrontend architectureInteraction-first buildsReadable UI structure
01Hero ProjectFullstack Product App
Spotfinder
MERN web app that recommends the best watersports spot for a chosen day and ranks strong alternatives.
React 19ViteNode.jsExpressMongoDBReact-LeafletOpen-Meteo API
02Fullstack Web App
Kraftflix MERN Stack
Movie platform built with React, Node.js, Express and MongoDB.
ReactNode.jsExpressMongoDBMongooseJWT Auth
03Angular Frontend
Kraftflix Angular
Angular single page application for exploring movies, directors and genres through the Kraftflix API.
AngularTypeScriptAngular MaterialRxJSAngular RouterREST API
04Mobile Realtime App
KraftChat
Cross-platform chat application built with React Native, Expo and Firebase for realtime messaging, media sharing and offline access.
React NativeExpoFirebaseFirestoreFirebase AuthenticationFirebase StorageAsyncStorageReact Navigation
05Progressive Web App
Meet
Progressive web app for discovering upcoming events with offline support, serverless auth and interactive charts.
ReactAWS LambdaGoogle Calendar APIOAuth2JestPuppeteerRecharts
06Javascript Web App
Pokedex
Interactive JavaScript web app for browsing Pokemon data from an external API.
JavascriptHTMLCSSBootstrapjQueryREST API
Need Something Similar?
These case studies show the foundation I built and how I apply it in product work today. If you want to discuss something similar, feel free to reach out.