BUILDING PRODUCTS THAT SHIP

Hi, I'm Akram Ghomari

a Frontend Engineer.

Frontend Engineer with 5+ years of experience in React, Next.js, and TypeScript. Worked remotely with startups across Europe, shipping production applications in fast-moving cross-functional teams.

profile picture

Languages

javascript logo

javascript

typescript logo

typescript

tools and frameworks

react js logo

react js

next js logo

next js

react native logo

react native

redux logo

redux

zustand logo

zustand

xstate logo

xstate

tailwind logo

tailwind

material-ui logo

material-ui

postgresql logo

postgresql

redis logo

redis

drizzle logo

drizzle

docker logo

docker

socket.io logo

socket.io

stripe logo

stripe

sass logo

sass

git logo

git

design tools

figma logo

figma

Portfolio

PageForge

description :

A full SaaS landing page builder — users can visually create, customize, and publish landing pages with a drag-and-drop editor. Complete with authentication, Stripe billing, A/B testing, and a publishing pipeline.

key features :

  • Visual drag-and-drop page editor with real-time preview
  • Stripe integration for subscription billing and plan management
  • Auth.js authentication with multiple providers
  • A/B testing engine to compare page variants
  • Publishing pipeline — edit, preview, publish to custom subdomains
  • State management with Zustand + XState for complex editor flows
  • Drizzle ORM with PostgreSQL for type-safe data access

How I built it :

  • Zustand + XState combo — Zustand for global UI state, XState for the complex editor state machine (drag, resize, select, undo/redo). Keeps editor logic deterministic and testable.
  • Drizzle ORM over Prisma — needed raw SQL escape hatches for the A/B testing analytics queries without sacrificing type safety everywhere else.
  • Custom publishing pipeline — pages render to static HTML at publish time, served from a CDN. No SSR cost for published pages.
  • Stripe webhooks for billing state — all plan changes flow through webhooks, not client-side. Prevents race conditions between payment and access.

Tools and frameworks used :

next js logotypescript logotailwind logozustand logoxstate logostripe logodrizzle logopostgresql logo
Live Demo
GitHub

FlowChat

description :

A production-grade Slack alternative built for real-time team communication. Features channels, direct messages, threads, and full-text search — all running on WebSockets with Redis pub/sub for horizontal scaling.

key features :

  • Real-time messaging with Socket.IO and Redis pub/sub
  • Channels, direct messages, and threaded conversations
  • PostgreSQL full-text search across messages and channels
  • JWT authentication with refresh token rotation
  • Turborepo monorepo — shared types and utilities across packages
  • Dockerized development and deployment pipeline

How I built it :

  • Redis pub/sub for horizontal scaling — WebSocket connections are sticky to one server, Redis broadcasts events across all instances so messages reach every connected client.
  • PostgreSQL full-text search over Elasticsearch — simpler ops, good enough for team-scale search, and avoids syncing data between two stores.
  • JWT with refresh token rotation — short-lived access tokens (15min) + one-time-use refresh tokens. Compromised tokens auto-expire without a token blacklist.
  • Turborepo monorepo — shared TypeScript types between client and server eliminate an entire class of contract bugs at the API boundary.

Tools and frameworks used :

react js logotypescript logosocket.io logoredis logoexpress logopostgresql logodocker logo
Live Demo
GitHub

Work Experience

Frontend Lead Developer

Lablabee Company

Oran, Algeria (Office)

Led a frontend team of 4 on a B2B telco-cloud platform. Ran code reviews, sprint planning, and cross-team coordination with backend, design, and product. Audited a legacy codebase (200+ unused components, dependencies from 2018), built a tech debt roadmap, and negotiated 20% sprint capacity for remediation. Migrated from CRA + Redux to Vite + React Query, significantly reducing build times and state management boilerplate.

languages and tools used :

React js logoTypescript logofigma logomaterial-ui logo

Mar 2024 — Aug 2025

Frontend Engineer (Contractor)

Viabirds Technologies GmbH

Salzburg, Austria (Remote)

Migrated the primary product from client-side React to Next.js 12 (early adoption), achieving 96+ Lighthouse scores for SEO and performance. Shipped features across multiple client teams and tech stacks: React, React Native, Next.js, and Spryker/Twig. Improved and modernized legacy codebases across client projects, reducing maintenance overhead.

languages and tools used :

Next js logoReact js logoreact native logo

Feb 2022 — Sep 2023

Frontend Engineer (Contractor)

Ously Games GmbH

Frankfurt, Germany (Remote)

Built new features and UI for an online gaming platform using Next.js, translating Figma designs to production code. Contributed to front-end performance improvements across the application.

languages and tools used :

Next js logofigma logo

Sep 2022 — Jul 2023

Frontend Engineer & Designer

Blurry.ai

Vienna, Austria (Remote)

Sole frontend developer and designer in a team of 5 at an early-stage AI startup. Built a web application for selective image and video blurring using canvas-based rendering. Owned the frontend lifecycle from user research and Figma prototyping to React implementation. Collaborated with the founder to define product requirements and roadmap.

languages and tools used :

React js logonext js logofigma logo

Jan 2021 — Jan 2022

UI/UX Designer

Ronan Medical

Prague, Czech Republic (Remote)

Designed a medical dashboard application with a focus on intuitive, user-friendly workflows. Built a comprehensive design system in Figma ensuring consistency across products and platforms.

languages and tools used :

figma logo

Feb 2021 — Jul 2021

Contact