Personal Portfolio Website
Featured
Built by Youssef Salem Hassan
01
Overview
Bilingual Next.js portfolio (Arabic RTL + English) with project case studies, services, articles, and certificates
02
The Problem
A personal portfolio needs to be more than a static resume: it has to present projects, proof, contact paths, and SEO-friendly structure in one fast, maintainable surface.
03
The Solution
I first built the portfolio in Flutter Web, then rebuilt it in Next.js App Router with next-intl (Arabic RTL and English), Tailwind CSS, per-project case studies with screenshot galleries, service pages, articles, certificates, generated OG images, structured data, a sitemap with hreflang, and Playwright end-to-end tests.
Technologies used
9Languages
TypeScript
Platforms
Flutter Web
Tooling & delivery
Vercel
Experience & UI
Next.jsReactTailwind CSS
Other
next-intlPlaywrightSEO
04
Key Outcomes
- Live at youssefsalem.dev in Arabic and English: project case studies with screenshot galleries, plus services, articles, and certificates.
- Every change passes typecheck, lint, and Playwright end-to-end tests before it ships to Vercel.
- Created a deployable personal brand hub with projects, skills, certificates, and professional story in one place.
05
Screenshots & gallery
Landing Page
4 imagesWebsite Pages
2 imagesMobile Views
2 imagesMore projects
- Al Jawad Group — Field Operations SystemOne system for a Riyadh facility-management company: customer app, staff app, admin dashboard, company website and a Laravel API, Arabic first.
- 92 Call Center — Product WebsiteArabic-first, bilingual marketing site for a cloud call-center subscription: ten sections from the marketing brief, real app screenshots, pricing, and the privacy and terms pages the app stores require.
- Technology 92 CRM — Sales & Client PipelineTechnology 92's internal sales CRM: clients, LinkedIn leads, quotations and a live dashboard, Arabic first, built on Laravel and Next.js.