React & Next.js Apps
Scalable, component-driven apps with React, Next.js App Router, TypeScript and modern state management.
Available for freelance & full-time roles
Hi, I'm
Mohamed Refaat
Front-End Engineer craftingblazing-fast websites, pixel-perfect interfaces, smooth animations, accessible web apps, scalable React apps
I turn ideas into modern, responsive and delightful web experiences using React, Next.js and TypeScript — with obsessive attention to performance, detail and clean code.
3+
Years of building
Main stack
Currently shipping
Freelance projects
Technologies I work with every day
React
Next.js
TypeScript
JavaScript
Tailwind CSS
Framer Motion
Redux Toolkit
React Query
HTML5
CSS3
Sass
Material UI
Axios
Git
GitHub
Vite
Vercel
Figma
Postman
About me
About me
I design and engineer interfaces that feel fast, look sharp and work for everyone — turning complex ideas into simple, beautiful products people love to use.
- Projects delivered
- 6+
- Years of experience
- 3+
- Technologies mastered
- 15+
- Client satisfaction
- 100%
What I do
Crafting digital experiences
From the first pixel to production — I build interfaces that are fast, accessible and a joy to use.
Performance & Core Web Vitals
Lighthouse-level optimization: code-splitting, image optimization and lightning-fast loading.
UI Engineering & Design Systems
Pixel-perfect, reusable components that turn Figma designs into consistent, maintainable products.
Responsive Everywhere
Layouts that feel native on every screen — from small phones to ultra-wide displays.
SEO & Accessibility
Semantic markup, structured data and WCAG-minded interfaces that search engines and people love.
Motion & Micro-interactions
Smooth, meaningful animations with Framer Motion that bring interfaces to life.
Selected work
Featured projects
A few projects I've designed and built — each one a chance to push performance, detail and user experience further.
Flagship projectWeb Apps
5Digea
Wedding planning platform
Egypt's wedding planning platform that connects couples with vendors — discover, compare and book services, plan every detail with smart roadmaps, and run the business through dedicated vendor and admin dashboards.
- User roles
- 3
- Dashboards
- 2
- Languages
- AR · EN
- Next.js
- React
- TypeScript
- Tailwind CSS
- Material UI
- Axios
- Recharts
5digea.com
What I built
- Smart search with filters by category, price, rating and governorate
- Personal wedding roadmap with countdown and progress tracking
- Favorites and side-by-side comparison of vendors and services
- Vendor dashboard with analytics, charts and Excel export
- Admin panel with a unified moderation queue and platform analytics
- Arabic RTL-first + English, server-rendered SEO pages and secure JWT auth
01 / 03Front-End
Love Acts
Flowers & drinks platform
A modern platform for showcasing and selling flowers and drinks — polished UI, smooth animations and a fully responsive shopping experience.
- React
- TypeScript
- Tailwind CSS
- Framer Motion
loveacts.vercel.app
02 / 03E-Commerce
Fresh Cart
E-commerce store
A complete e-commerce store with product browsing, categories, cart management, authentication and a clean checkout flow.
- React
- JavaScript
- React Router
- REST APIs
- CSS3
fresh-cart-store-app.vercel.app
03 / 03Portfolio
Basem Raafat
Personal portfolio
A professional portfolio that showcases skills, experience and projects through a modern interface, rich motion and strong performance.
- React
- TypeScript
- Tailwind CSS
- Framer Motion
creativebeso.vercel.app
How I work
A clear process, great results
01
Discover
Understanding your goals, audience and requirements to define the right solution.
02
Plan & Design
Structuring the architecture and turning designs into a clear component system.
03
Develop
Writing clean, typed and tested code with performance and accessibility built in.
04
Launch & Support
Deploying, optimizing for SEO and speed, and supporting you after launch.
My journey
Experience & education
The path that shaped how I think, learn and build.
- Now
Freelance Front-End Developer
Self-employed · Remote
Designing and developing modern, responsive websites and web apps for clients using React.js and Next.js.
Front-End Web Development Diploma
Route Academy
Intensive, project-based training in React, Next.js, TypeScript, Redux, REST APIs and modern front-end practices.
Web Development Challenger Track
Udacity · ITIDA scholarship
Front-end fundamentals, responsive design and JavaScript, sponsored by Egypt's Ministry of Communications and IT.
Financial Accountant & Customer Service
Professional experience
Built strong problem-solving, attention to detail, communication and client-relations skills that I bring to every project.
B.Sc. in Management Information Systems
High Institute of Computer & Information Systems
Graduated with a grade of Very Good with Honors.
Credentials
Certifications & achievements
Professional certifications and academic achievements that reflect my commitment to continuous learning.
Front-End Web Development Diploma
Route Academy
Web Development Challenger Track
Udacity & ITIDA
IT Technical Support
Arab Academy for Science, Technology & Maritime Transport
Very Good with Honors
B.Sc. Management Information Systems
High Institute of Computer & Information Systems
Available on request
Have an idea?
Let's build something remarkable together
I'm currently available for freelance projects and full-time opportunities. Tell me about your idea — I usually reply within 24 hours.