Skip to content
YA
Open to select collaborations
AGA --:--:--

Youssef Aboulkaram — Frontend Engineer

I engineer performance-first interfaces where clean architecture and premium craft are the same decision.

Next.js✦React✦TypeScript✦Tailwind CSS✦Motion✦GSAP✦Performance✦Technical SEO✦
01About

YA

Youssef Aboulkaram

Frontend Engineer

Since 2023

I’m Youssef, a Frontend Engineer with over three years specializing in modern React and Next.js ecosystems — performance-first UI architecture and premium web experiences that hold up in production.

Through VIVRO I ship polished agency and studio platforms with clean component patterns, scalable styling, technical SEO, and measurable speed across devices. I’m currently deepening that craft at 1337 Coding School (UM6P).

Currently

VIVRO · 1337

Based in

Agadir, MA

Focus

Frontend Engineering

Experience

3+ years

Operating principles

CraftDetails are not details. They are the design.
SpeedPerformance is a feature you feel before you see.
AccessBeautiful for everyone, or it isn't finished.
RestraintThe best motion is the motion you don't notice.
02Selected Work


A selection of recent collaborations. Each one is a story about turning an ambitious brief into something people remember.

01

VIVRO

A high-performance digital web agency platform on a custom domain

02

Atelier Meridian

An interactive portfolio for an architectural studio

03

VERDANO

A showcase template for green energy & agricultural brands

03Services


Four disciplines, one obsession: making digital products feel inevitable. Hover to explore.

  • Production-grade React and Next.js interfaces with clean component patterns, scalable styling systems, and architecture that stays maintainable as the product grows.

    • Component systems
    • App Router apps
    • Type-safe UI
04Toolkit

The stack behind the shine.

Next.jsReactTypeScriptJavaScriptTailwind CSSshadcn/uiMotion
GSAPHTML5 / CSS3React Hook FormTechnical SEOVercelGit / GitHubn8n
Framework

Next.js

Expert

Library

React

Expert

Language

TypeScript

Advanced

Language

JavaScript

Expert

Styling

Tailwind CSS

Expert

UI System

shadcn/ui

Advanced

Animation

Motion

Advanced

Animation

GSAP

Advanced

Core

HTML5 / CSS3

Expert

Forms

React Hook Form

Advanced

Optimization

Technical SEO

Advanced

Platform

Vercel

Advanced

Workflow

Git / GitHub

Expert

Automation

n8n

Proficient

05Trajectory

From commercial showcases to immersive studio portfolios to founding VIVRO — every chapter sharpened the same instinct for craft and speed.

06/2026 — Present

Remote

Founder & Lead Frontend Engineer

VIVRO

Engineering and deploying a high-performance digital web agency platform with a polished, production-ready frontend on a custom domain — including DNS routing, Vercel workflows, and technical SEO for stronger search indexation.

  • Custom domain
  • Vercel deploy
  • AI-assisted DX

07/2026

VIVRO

Frontend Engineer

Atelier Meridian

Built an interactive digital portfolio for an architectural studio as a live performance piece — high-fidelity layout transitions and fluid animations with GSAP and Motion, optimized for mobile and desktop.

  • GSAP + Motion
  • Image optimization
  • Live subdomain

05/2026 — 06/2026

Remote

Frontend Engineer

VERDANO

Designed and architected a production-ready showcase template for high-end green energy and agricultural commercial environments — dynamic Next.js rendering, async data streams, and pixel-perfect Tailwind layouts.

  • Showcase template
  • Responsive systems
  • Next.js
05.5Process

How the rare gets made.

Four movements, repeated with discipline on every engagement.

01

Immersion

I dive into your world — brand, users, constraints, ambitions — until I can defend every decision as if it were my own product.

02

Direction

Art direction, motion language, and technical architecture defined together. We agree on the feeling before a single component is built.

03

Engineering

Production-grade code from day one. Accessible, type-safe, and performant — reviewed in the open with tight feedback loops.

04

Launch & beyond

A launch that feels like an event, followed by measurement, iteration, and support. I stay invested long after go-live.

06By the numbers
0+

Years of experience

Modern React & Next.js

0

Production launches

VIVRO · Meridian · VERDANO

0

Certifications

freeCodeCamp frontend track

0

Agency founded

VIVRO — vivro.dev

07Credentials

Education

08/2026 — Present

Software Engineering Immersive

1337 Coding School (UM6P)

Certifications

01 — 06/2025

Front End Development Libraries

freeCodeCamp

08Journal

All writing
01May 2026
Motion7 min

Engineering calm: motion that respects attention

How to build animation systems that guide the eye without ever demanding it — and why restraint is the highest form of craft.

02Mar 2026
Performance9 min

Sub-second luxury: performance as a design material

Speed is not a compromise you make against beauty. A field guide to shipping cinematic experiences that load before you notice.

03Jan 2026
Design6 min

Type as architecture: building hierarchy that breathes

Treating typography like structural engineering — load-bearing headlines, negative space as material, and rhythm as a system.

09Contact
Open to select collaborations

Have a project that deserves to be remembered? I take on a handful of engagements each quarter. Tell me what you’re building.

youssfoficil@gmail.com
Start a conversation

Location

Agadir, Morocco · Remote

Local time

AGA --:--:--

Response

Within 24 hours