Jaafar Youssef – Web Developer specializing in React and Next.js

Comic style speech bubble saying 'Hello, I'm Jaafar'
Comic speech bubble introducing Jaafar
HELLO, I'M
Jaafar
Jaafar Youssef, Web Developer, comic-style profile picture

Web Developer

Building modern, high-performance web applications with a focus on React and Next.js. I transform design concepts into pixel-perfect user experiences.

Download CV

About Me

About Jaafar Youssef, Full-Stack Developer

I'm Jaafar, a full-stack web developer passionate about turning ideas into clean, functional, and visually engaging digital experiences. Whether crafting smooth front-end interfaces or tackling back-end logic, I aim to write efficient, meaningful code that solves real problems.

Outside of coding, I enjoy drawing, experimenting with design, and making each project feel unique. For me, web development is more than code — it's about creating experiences that feel alive and communicate effectively.

Portrait of Jaafar Youssef, full-stack web developer
Jaafar Youssef, full-stack developer and designer
05+Years of Experience
20+Projects

Jaafar Youssef Skills & Experience – Web Development and Design

Skills & Experience

Next.js skill icon
Next.js

Next.js

React.js skill icon
React.js

React.js

JavaScript skill icon
JavaScript

JavaScript

TypeScript skill icon
TypeScript

TypeScript

Node.js skill icon
Node.js

Node.js

MongoDB skill icon
MongoDB

MongoDB

Tailwind CSS skill icon
Tailwind CSS

Tailwind CSS

CSS skill icon
CSS

CSS

HTML skill icon
HTML

HTML

Figma skill icon
Figma

Figma

Firebase skill icon
Firebase

Firebase

Git skill icon
Git

Git

Material UI skill icon
Material UI

Material UI

Jaafar Youssef Creative Portfolio and Web Development Projects

My Creative Portfolio Section

My Projects

Movix

Movix

A full-stack movie platform built with Next.js 15, MongoDB, TMDB API, and Clerk. Users can browse, review, follow others, and explore trending or top-rated titles.

Live Code
Next.js 15MongoDBClerkImageKit.io
Share

Share

A social media app built with Next.js 15, MongoDB, and Clerk. Users can post photos, like, comment, share, and personalize their profiles with ease.

Live Code
Next.js 15MongoDBClerkImageKit.io
ShareImg

ShareImg

An image-sharing app that lets users upload, manage, and explore pins from others with smooth interaction and Firebase integration.

Live Code
React.jsTailwind CSSFirebaseContext API
PDF RAG Terminal

PDF RAG Terminal

A terminal-style PDF RAG system built with Next.js 16, Jina Embeddings, Pinecone, Groq LLaMA 3.3, and Cloudinary RAW. Users can upload PDFs, extract and clean text, chunk it dynamically, embed content, store it in Pinecone, and query the document with safe, context-bound answers.

Live Code
Next.js 16TypeScriptJina Embeddings v2Pinecone
Groq Voice AI Assistant

Groq Voice AI Assistant

A real-time voice AI assistant built with Next.js 16 and Groq. Users can record voice, transcribe speech to text with Whisper Large V3, stream LLaMA 3.1 responses token-by-token, convert AI replies back to audio, and play them instantly using Groq TTS on the Edge runtime.

Live Code
Next.js 16TypeScriptGroq Whisper Large V3Groq LLaMA 3.1
LeadGen AI

LeadGen AI

A lightweight lead-generation tool for freelancers and agencies. Users can search for businesses like 'cafes in Dubai', pull live leads via SerpAPI, generate personalized AI outreach messages with Groq, and export results to CSV with automatic cached fallback when API limits are hit.

Live Code
Next.js 16ReactTypeScriptTailwind CSS
Socila

Socila

A social networking app using Firebase Google Auth for sign-in. Users can post, like, comment, and customize their profiles with photos and bios.

Live Code
React.jsFirebaseContext APIReact Router DOM
JHY Store

JHY Store

A modern full-stack eCommerce app built with React and Sanity, featuring product listings, management, and a clean shopping experience.

React.jsSanityReact Router DOMJavaScript / JSX
Admin Dashboard

Admin Dashboard

A feature-rich admin dashboard with theming, charts, tables, calendar, and Kanban board functionalities for business management.

Live Code
React.jsSyncfusionTailwind CSSJavaScript / JSX
YouTube Clone

YouTube Clone

A YouTube-style app built with React and RapidAPI. Supports video search, playback, and trending content in a clean, modern interface.

Live Code
React.jsRapidAPITailwind CSSJavaScript / JSX
GPT3 Website

GPT3 Website

A fully responsive, modern landing page inspired by GPT-3, showcasing clean UI/UX and smooth layout built with React and Tailwind CSS.

Live Code
React.jsTailwind CSSJavaScript / JSX
HooBank

HooBank

A responsive banking website built with React, Vite, and Tailwind CSS, focusing on modern design and interactive UI components.

Live Code
React.jsVite.jsTailwind CSSJavaScript / JSX
Gericht Restaurant

Gericht Restaurant

A stylish, fully responsive restaurant website built with React, offering an elegant user experience with smooth animations and layout.

Live Code
React.jsCSSJavaScript / JSX
LinkedIn Clone

LinkedIn Clone

A LinkedIn-like social app built with React and Firebase. Users can authenticate via Google, create posts with media, and view a live feed.

Live Code
React.jsFirebaseContext APIReact Router DOM
Facebook Clone

Facebook Clone

A simple Facebook-inspired app using React and Firebase for authentication and data storage, allowing users to post and interact easily.

Live Code
React.jsFirebase (Google Authentication)Context APICSS
CarHub

CarHub

A full-stack car rental app built with Next.js 13. Users can browse, filter, and rent vehicles seamlessly through a fast modern interface.

Next.js 13Tailwind CSSTypeScript / TSXRapidAPI
Metaverse Website

Metaverse Website

A visually dynamic website built with Next.js 13, Framer Motion, and Tailwind CSS, showcasing modern animations and 3D-inspired design.

Live Code
Next.js 13Tailwind CSSVercelFramer Motion
Liverr

Liverr

A modern Liverr UI clone built with React 18 and SCSS. Features clean design, smooth interactions, and responsive layouts for a professional feel.

Live Code
React 18SCSSJavaScript / JSX
OpenAI Article Summarizer

OpenAI Article Summarizer

An AI-powered application that summarizes any article or webpage using the RapidAPI Article Extractor and Summarizer API. Built with React, Redux Toolkit, and Tailwind CSS for a clean, fast, and responsive UI.

React.jsRedux ToolkitRapidAPI (Article Extractor & Summarizer API)Tailwind CSS

Share your thoughts & chat with me

jaafar.h.youssef@gmail.com

+971 56 693 9788