Frontend Engineer

Yusuf

— the developer —

Mahran

Design · Build · Ship · Repeat

Frontend EngineeringFull-Stack DevelopmentProduct ThinkingMotion & InteractionPerformance OptimizationDesign SystemsFrontend EngineeringFull-Stack DevelopmentProduct ThinkingMotion & InteractionPerformance OptimizationDesign Systems

I design and build frontend systems that help real businesses grow, scale, and convert users into customers

25+Products & Features Built

4+Years Shipping to Production

1+International Company

Let's Talk

Scroll

My Story

Building products since 2020.

My journey didn’t start with frameworks or buzzwords. It started with curiosity, problem-solving, and a desire to build things that actually matter. Here’s how it evolved.

Download My Resume

2020

The Foundation

Started my journey learning web development fundamentals and frontend technologies, focusing on understanding how the web works and how users interact with interfaces.

2021

From Learning to Building

Began working on real projects through freelancing and personal initiatives, translating ideas into functional interfaces and learning by shipping to real users.

2022

Bridging Business and Tech

Studied Business Information Systems, learning how businesses operate, manage data, and leverage technology to drive decisions. This shaped my approach to building solutions that create measurable business impact.

2023

Product & Scale

Worked with startups and international clients, building scalable frontend systems, improving performance, and collaborating closely with founders and product teams.

Today

Business-Driven Engineering

Currently working remotely with a German AI company while continuing to build and refine products that balance clean architecture, user experience, and measurable business impact.

What I Do03 disciplines

01Core Strength01 / 03

Frontend Engineering

I build high-performance, scalable frontend systems that turn product requirements into clean, maintainable interfaces optimized for real users and real business needs.

Next.js & React Architecture01
Tailwind CSS Design Systems02
Performance & Core Web Vitals03
SEO & Accessibility04
Scroll & Motion-Driven Interfaces05

02Beyond the UI02 / 03

Full-Stack Development

I develop end-to-end MERN solutions, focusing on clear data flow, secure authentication, and backend systems that support long-term product growth.

REST APIs & Authentication01
Database Design (MongoDB / SQL)02
Supabase & Backend Services03
State Management & Data Flow04
Feature-Based Architecture05

03Product-First03 / 03

Product & Business Thinking

I work closely with founders and teams to translate business goals into technical decisions, ensuring every feature serves a clear purpose.

Product Scoping & MVP Planning01
UX Decisions Tied to KPIs02
Technical Trade-off Analysis03
Founder & Stakeholder Collaboration04
Long-Term Maintainability05

Portfolio

01 / 06

ThemeTags Mobile Apps

A pair of mobile apps for a fintech startup, designed to help users manage their finances and track spending. The apps feature intuitive interfaces, real-time data visualization, and seamless integration with financial accounts to provide a comprehensive financial management experience.

MobileFinTechUX

View Project

02 / 06

WebCraft Platform

A SaaS platform for building and optimizing websites, focused on performance and user experience. Includes a drag-and-drop builder, performance analytics, and SEO tools to help businesses create fast, engaging web experiences.

WebSaaSPerformance

View Project

03 / 06

AI Analytics Dashboard

AI-Powered Analytics Dashboard for Data Visualization and Insights. Designed to help businesses make data-driven decisions with interactive charts, real-time updates, and AI-generated insights.

WebAIData

View Project

04 / 06

E-Commerce Growth Engine

E-Commerce Website with Growth-Focused Features. Built to drive conversions and customer engagement, featuring a seamless shopping experience, personalized recommendations, and integrated marketing tools.

WebConversionMarketing

View Project

05 / 06

Blockchain Explorer

Blockchain Explorer for tracking and analyzing blockchain transactions. Provides real-time data, visualizations, and insights for developers and enthusiasts.

Web3WebFrontend

View Project

06 / 06

Interactive Learning Platform

Educational Web Platform for Interactive Learning. Designed to engage students with interactive lessons, quizzes, and real-time feedback, enhancing the learning experience.

WebEdTechUX

View Project