A comprehensive bilingual personal platform featuring an admin dashboard and real-time analytics for projects and blogs.
This project goes beyond a traditional resume website; it is a full-fledged personal platform that reflects high-end frontend expertise and system architecture. The landing page is designed with a "Storytelling" UX flow, guiding visitors smoothly from introduction to contact. It features native bilingual support (RTL & LTR), Dark Mode, and a powerful Admin Dashboard (CMS) for managing blogs, projects, and tracking real-time visitor analytics.
- Standard portfolios lack user engagement: Solved using a persuasive "Storytelling" UX flow and premium Framer Motion micro-interactions. - Hardcoded content: Solved by building a custom Admin Dashboard to manage projects, skills, and blogs dynamically. - Arabic (RTL) limitations: Built a robust localization system with deep structural RTL support, ensuring a flawless layout in both English and Arabic. - Lack of insights: Integrated a Pulse Analytics Dashboard to track visitor flows and content performance without relying entirely on third-party heavy scripts.
Solved with a persuasive "Storytelling" UX flow and premium Framer Motion micro-interactions. Built a custom Admin Dashboard (CMS) to manage projects, skills, and blogs dynamically — no code changes needed. Engineered a robust localization system using strictly logical CSS properties (start, end, ms, pe) with a dynamic direction provider. Fixed via clamp() typography and w-[85%] mx-auto centering techniques to preserve aspect ratios on tablets and mobiles. Integrated a Pulse Analytics Dashboard to track visitor flows and content performance — lightweight, no heavy third-party scripts.
- High conversion rate for freelance inquiries due to the optimized "Storytelling" user journey. - Easy content updates without touching code through the custom CMS. - Showcases true full-stack and UI/UX capabilities to potential employers and premium clients.
- Primary: Tech Recruiters, HR Managers, and CTOs. - Secondary: Premium clients looking for freelance Frontend/Full-Stack web development. - Internal Users: Admin (Omar) for managing content and analytics.
- Standard portfolios lack user engagement: Solved using a persuasive "Storytelling" UX flow and premium Framer Motion micro-interactions. - Hardcoded content: Solved by building a custom Admin Dashboard to manage projects, skills, and blogs dynamically. - Arabic (RTL) limitations: Built a robust localization system with deep structural RTL support, ensuring a flawless layout in both English and Arabic. - Lack of insights: Integrated a Pulse Analytics Dashboard to track visitor flows and content performance without relying entirely on third-party heavy scripts.
Core implementation of main features
Final testing and deployment
Engineering Difficulty
I'm always open to new challenges and extraordinary collaborative ventures.