ABDELRAHMAN
SAMY ALI
Building performant, accessible, and beautifully crafted web experiences with React, Next.js & TypeScript.
Crafting Digital
Experiences
Where Design
Meets Performance
The Philosophy
IamAbdelrahman,aFrontendDeveloperobsessedwithcraftingdigitalexperiencesthatfeelalive.Idon'tjustbuildwebsites;Iengineerinteractivejourneys.Byblendingcleanarchitecturewithcutting-edgemotiondesign,Itransformcomplexproblemsintointuitive,high-performanceinterfacesthatleavealastingimpression.
Core Competencies
React.js, Next.js,
TypeScript & GSAP.
Experience
Years shaping the web.
Impact
Active users served.
Career Path
Experience
A track record of building performant, scalable, and beautifully crafted web applications for global audiences.
Oct 2025 — Present
Frontend Developer
VClasses
Cairo, Egypt
- Built a multi-tenant educational platform with Next.js 15 App Router, TypeScript, and Tailwind CSS v4
- Engineered ISR cache invalidation, multi-landing-page switching system, and CSS custom property theming from Figma designs
- Integrated TanStack Query 5 + Redux for API data layer; achieved 90+ Lighthouse scores and 40% improvement in load times
- Implemented full Arabic/English bilingual support with next-intl and RTL layout handling
- Collaborated with backend team on RESTful API contracts; participated in daily standups, sprint planning, and code reviews
Sep 2023 — Sep 2025
Freelance Frontend Developer
Self-Employed
Remote
- Delivered 10+ production projects including e-commerce platforms, 3D web experiences, and landing pages
- Achieved 100% client satisfaction and 80% repeat rate across all projects
- Built full-stack Next.js solutions with authentication (NextAuth.js, JWT, OAuth), payment integration (Stripe, Paymob), and CI/CD on Vercel
- Implemented responsive, pixel-perfect UIs from Figma designs with performance-first approach
Mar 2024 — Aug 2024
Frontend Developer Intern
Digitalize for Business Services
Cairo, Egypt
- Developed reusable React/TypeScript UI component library in a 5-person Agile team
- Contributed to architecture decisions, code reviews, and rendering performance improvements
- Followed company coding standards and Agile/Scrum methodology with sprint planning and retrospectives
Principles
The Code
Behind The Craft.
The principles that shape every line of code I write.
Ready to see
these in action?
04 / Featured Projects
Six products.
Six problems.
One craftsman.
The Challenge
Building a production-ready e-commerce platform that supports full Arabic/English bilingual UI with RTL layout, secure payment processing with webhook verification, and real-time inventory management — all as a solo developer.
The Solution
Used Supabase PostgreSQL with Row Level Security (RLS) for data protection, integrated Paymob payment gateway supporting Credit Card and Mobile Wallet with HMAC webhook verification, and built a complete checkout flow with Zod form validation. Zustand handles client-side state with zero boilerplate.
The Challenge
Building a feature-rich application with complex audio synchronization and 600+ pages of content that works offline — all without any JavaScript framework, achieving maximum performance with zero bundle overhead.
The Solution
Implemented custom Stale-While-Revalidate caching strategy via Service Workers for offline-first behavior. Built a smart audio sync engine that tracks reading position. Used haptic feedback APIs for physical interaction on mobile. The app is installable on all platforms via PWA standards.
The Challenge
Recreating Apple's signature premium design language and smooth interactions on the web while keeping the bundle lightweight, responsive across all viewports, and performant without relying on heavy animation libraries.
The Solution
Built a component-based architecture with React 18 and Vite for instant HMR and optimized builds. Used pure CSS3 transitions and scroll-triggered animations for a silky-smooth experience. Implemented a mobile-first responsive approach with carefully crafted micro-interactions and a dark color palette that mirrors Apple's own product pages.
The Challenge
Building a visually stunning, AI-themed website with complex UI geometry, parallax effects, and smooth animations while maintaining fast performance and a clean, maintainable component architecture.
The Solution
Used React 18 with a modular component architecture for reusability. Implemented React Just Parallax for immersive mouse-driven effects, Tailwind CSS for intricate shapes (circular displays, grid lines, side lines), and stylish gradients for a premium dark-themed aesthetic. Achieved fast loading via Vite's optimization and code splitting.
The Challenge
Creating a professional, feature-rich multi-section website with smooth animations, responsive layouts, and modern design — all without writing a single line of JavaScript.
The Solution
Leveraged CSS3 Flexbox and Grid for complex responsive layouts, CSS custom properties for easy theming, Normalize.css for cross-browser consistency, and Font Awesome for professional iconography. Every animation and interaction is handled purely through CSS transitions and transforms.
The Challenge
Building a complex admin dashboard layout with collapsible sidebars, flexible grids, and fluid typography that works across all screen sizes while strictly limiting the tech stack to pure HTML and CSS.
The Solution
Utilized modern CSS Grid for the macro layout and Flexbox for micro-components. Implemented a mobile-first approach using media queries for a responsive sidebar that stacks on smaller screens. Used CSS variables for consistent theming and a maintainable color palette.
05 / TECH STACK
My Tech Arsenal
The core technologies and tools I rely on to ship fast, scalable, and visually polished web experiences.
06 / GET IN TOUCH
Let's Build
Something Great.
Got a project, a question, or just want to connect? I'm always open to discussing new opportunities and ideas.