Hey, I'm Zakaria Mouhid!
Figma → Production React apps. Senior Next.js developer with 9+ years of shipping full-stack apps that look like the design and perform like the brief says they should.
★★★★★ 5.0 · 12 reviews · 6 repeat clients · 5 countries
// what I do
Currently accepting new projectsFigma → Production Code
Pixel-perfect React/Next.js implementations from your design files.
Full-stack apps
App Router, PostgreSQL, Payload CMS, auth and payments — shipped to Vercel.
Performance & SEO rescue
Audits and fixes for slow or under-indexed apps already in production.
// tech stack & expertise
- JavaScript
- TypeScript
- React
- Next.js
- Vue.js
- React Query
Zustand- Redux
- Tailwind CSS
- SCSS
SVG- CSS
- HTML
- Jest
- React Testing Library
- Node.js
- Express
- MySQL
- PostgreSQL
- Git
- GitHub
- Webpack
- ViteJS
- Docker
- Figma
- Cursor
- OpenAI
// work history
- Front-end web developer | ProbablyNothingsMarch 2022 - November 2025
Worked on multiple NFT projects in a small team with a designer and a backend / web3 contracts developer. Owned the front-end end-to-end — including wallet and web3 wiring on the client — plus the generative image pipeline scripts, translating designs and on-chain mechanics into production web apps.
- Co-founder and lead developer | UniStudioJanuary 2019 - January 2022
Co-founded UniStudio in collaboration with a designer. Shipped a drag-and-drop Blogger template builder — built the base HTML template framework with Gulp, a customized UIKit, and custom JavaScript — plus an Elementor WordPress template. Handled the full development side while my co-founder owned design.
- Front-end web developer | FreelancerSeptember 2015 - December 2018
Worked with multiple clients via khamsat.com on design-to-code projects — converting designs into static HTML, Blogger templates, and PHP sites. Early years where I built the muscle for pixel-perfect conversion across different rendering targets.
// certifications
View All →
Upwork Skill Certification - Javascript Front-End Development
Upwork skill assessment
Certified talent demonstrate proficiency in JavaScript fundamentals such as data types, expressions, arrays, indexed collections, prototype-based object-oriented programming. They also show an understanding of DOM, event handling, classes, objects, and JavaScript web APIs. To prove their skills, talent must achieve a passing score on a manually reviewed technical test.
Meta Full Stack Developer: Front-End & Back-End from Scratch
Meta & Coursera full-stack program
The Meta Full-Stack Engineer Certificate is awarded to learners who complete both the Front-end and Backend Developer certificate programs, hosted by Coursera. These rigorous, self-paced courses, developed by Meta experts, prepare a candidate for an entry level job as a full-stack developer. The courses culminate in the successful completion of capstone projects.
// projects
View All →
OptoLens — Optical salon site
Full-Stack ApplicationProblem: Client had an old WordPress site and wanted a faster, server-rendered Next.js replacement from a new Figma design — without losing the SEO value of already-indexed blog posts and pages.
Outcome: Shipped a full-stack Next.js + Payload CMS app with booking, client portal, admin panel, and SMS / Instagram / email integrations. Migrated existing WordPress content to preserve SEO, deployed on Vercel with ISR.
Timeline: ~4 weeks · Role: Full-stack
A full-stack website for a Polish optical salon, built from Figma to code. Features expert and service pages, blog with tags and categories, pricing, contact form, appointment booking with time-slot selection, client portal (login, registration, dashboard), and admin panel for appointments, reservations, Instagram feed, and data migration. Integrations include SMS (SMSAPI), Instagram OAuth, and email (Nodemailer). Built with Next.js 16, App Router, TypeScript, Payload CMS (headless CMS), PostgreSQL, Vercel Blob, ISR with cache revalidation, and deployed on Vercel.
Positivus Landing Page
Landing PageProblem: Portfolio piece to demonstrate Figma → production fidelity, using an open Positivus design from Figma Community.
Outcome: Shipped a pixel-perfect Next.js + Tailwind implementation using Figma MCP + Cursor AI with manual polish for pixel fidelity. Source code kept open on GitHub so prospective clients can review the work.
Role: Frontend, solo
A modern, responsive landing page for a digital marketing agency, built from a Figma design. This project showcases a pixel-perfect implementation of a professional landing page with smooth animations, interactive components, and a fully responsive design.
Pi Slider JS: High-Performance Vanilla JavaScript Slider Library
JavaScript LibraryProblem: Developers needed a fast, flexible slider solution with rich effects and mobile support, without the overhead of external dependencies.
Outcome: Designed and shipped a production-ready vanilla JavaScript library with extensive transitions and API controls, then successfully launched it on CodeCanyon for worldwide developer adoption.
Timeline: ~5 weeks · Role: JavaScript library author, solo
A lightweight, zero-dependency JavaScript slider library created for high-performance web transitions and commercialized on CodeCanyon. Built with pure JavaScript for speed and broad compatibility, the library includes 100+ transition effects (including 3D transforms, fade, and vertical sliding), touch-swipe support, responsive breakpoints, and a developer-friendly API. Released to a global audience through the Envato marketplace.
Problem: The workflow depended on one-off mockups and manual theme coding, which slowed delivery and made repeated deployments hard to scale.
Outcome: Delivered a repeatable design-to-deploy pipeline that let pages be assembled visually, previewed live, and exported as Blogger-ready XML templates for faster handoff and reuse.
Role: Frontend (Vue/JavaScript) in collaboration with designer
A visual site builder co-created with a designer for assembling Blogger pages and exporting a deployable theme without hand-coding XML. Built with Vue 2, the admin experience includes panels for templates, layers, components, customizer, settings, media, and fonts, plus a live iframe preview with parent/child state sync. The build system uses a custom Gulp pipeline (no Webpack) for Vue SFC compilation, shared SCSS, conditional Blogger vs localhost blocks, Express + LiveReload, and export to Blogger-compatible XML.
// client testimonials
View All →Wow, what a great freelancer. His attention to detail and speed of work is so impressive. Always went above and beyond, had thoughtful suggestions and very proactive. Couldn't believe how quick and responsive he was while still being thorough and doing everything well. You won't find a better freelancer than this!
Zakaria is excellent. Excellent English. Excellent programmer. Just closing this contract as he and I have another one we are using now.
// contact
$ drop a note — I usually reply within a day
// social links
You can find me on the following platforms: