Abdelrahman Hatem Mostafa
Front-end Developer
Cairo, Egypt |-| -
LinkedIn: https://www.linkedin.com/in/abdelrahmanhatemdev
GitHub: https://github.com/abdelrahmanhatemdev
Portfolio: https://www.hatem.bio/
Professional Summary
Experienced front-end Developer with 6+ years of expertise in building scalable, responsive, and high-performance web
applications. Proficient in Next.js, React, TypeScript, and modern front-end technologies. Skilled in server-side rendering
(SSR), static site generation (SSG), and optimizing web performance. Passionate about creating seamless user
experiences and collaborating in agile teams. Dedicated to staying up-to-date with the latest advancements in web
development and continuously refining skills to build cutting-edge applications.
Technical Skills
• Front-end: Next.js, React, TypeScript, JavaScript (ES6+), HTML5, CSS3, React Router
• Styling: Tailwind CSS, Shadcn, Sass
• State Management: Zustand, Redux, Context API
• APIs: RESTful APIs, Axios, TanStack Query (React Query), SWR
• Database & Caching: Firebase (Firestore, Authentication), Upstash Redis
• DevOps: Vercel, CI/CD, GitHub Pages
• Tools: ESLint, Prettier, Git
• UI Libraries: React Icons
• Form Validation: Zod, React Hook Form
• Notifications: React Hot Toast
• UI/UX & Animations: Framer Motion
Work Experience
Independent Next.js Developer
Freelance | Jan 2023 – Present
- Architected and deployed full-stack web applications using Next.js, React, TypeScript, and Tailwind CSS, reducing page
load times by 40% and improving Lighthouse performance scores by 30%
- Developed a comprehensive admin dashboard web application with Next.js and Zustand, enabling 50+ admins to manage
orders in real-time, cutting manual processing time by 60%
- Operated state management with Zustand and data fetching with Next Fetch, improving app responsiveness by 35% and
reducing API call redundancy by 25%
- Increased personal brand visibility by launching Hatem.bio, attracting 100+ visitors monthly
- Strengthened form validation security by integrating Zod schemas on both the front-end and back-end, preventing 60% of
invalid data submissions and reducing backend errors
Front-end Developer
CCIT Company | Saudi Arabia | Jan 2020 – Jan 2023
- Optimized user interfaces with Bootstrap, jQuery, HTML5, CSS3, SASS/SCSS, and JavaScript (ES5/ES6),leveraging
AJAX, Gulp, Font Awesome, Material Icons, and cross-browser testing tools for enhanced performance
- Enhanced UI/UX for Roasting House, boosting customer engagement by 20%
1
- Improved UI/UX and performance for Camel Step, reducing load time by 10%
- Expanded front-end interfaces for Menu App, improving order processing efficiency by 15%
- Utilized responsive design principles, ensuring compatibility across 100% of modern devices
- Received an official certificate verifying three years of professional experience.
Front-end Developer
CODECUBE LTD | Saudi Arabia | Oct 2018 – Jan 2020
- Designed the UI for Dar Al Bena, a corporate portfolio site for a major Saudi brand, improving brand presentation and
user navigation by 30%
- Built FG Sports, an ad management dashboard for Saudi football clubs, handling 100+ ad campaigns monthly
- Established CrossedLink, a real-time job application platform, cutting hiring time for Asian applicants by 20%
- Elevated UX with jQuery, SASS, and AJAX for interactive web applications, making web applications 40% more interactive
and reducing user drop-off rates by 25%
Projects
Vogue Admin (Next.js, Firebase, Zustand, Redis)
- Implemented a scalable e-commerce dashboard with real-time data management
- Applied role-based authentication and secure CRUD operations
- Generated SSR, SSG, ISR, and caching strategies for performance
- Live | GitHub
Hatem.bio (Next.js, Tailwind, Firebase, Framer Motion)
- Advanced a personal portfolio with interactive animations and a responsive UI
- Integrated Firebase contact forms for collaboration requests
- Live | GitHub
YouTube API Clone (React, YouTube API, GitHub Pages, React Router)
- Shaped a YouTube clone with video search, playback, and dark/light themes using the YouTube API
- Added local storage for preferences and history
- Live | GitHub
Roasting House (CSS Enhancements, Performance Optimization)
- Improved UI/UX and responsiveness for Saudi Arabia’s premium coffee brand
- Repaired styles and layout, reducing user-reported issues
- Live
Camel Step (UI/UX Enhancements, CSS Optimization)
- Executed front-end performance improvements for a leading coffee retailer
- Cleaned CSS and UI structure, solving styles and layout issues
- Live
Menu App (HTML, CSS, JavaScript)
- Produced a Food Ordering QR Menu UI for seamless order management
- Polished a modern, responsive interface for perfected UX
- Live
2
Dar Al Bena (Corporate Portfolio, UI Implementation)
- Accomplished a responsive and visually appealing corporate portfolio site
- Fixed accessibility and user experience through optimized UI components
- Live
FG Sports (Ad Management Dashboard, UI/UX Enhancements)
- Built an interactive dashboard for managing sports advertisements
- Integrated real-time data visualization for ad performance tracking
CrossedLink (Job Application Platform, Real-Time Features)
- Constructed a platform for real-time job applications targeting Asian candidates. Boosted user flows with a dynamic
UI and real-time data updates.
Education
Bachelor of Science in Mechanical Automotive Engineering, Minia University | 2015
• Developed a Car Agency Management System as a graduation project, demonstrating excellence in coding and
problem-solving.
Self-Taught Front-end Developer | 2016 – 2018
• Completed the Front-end Career Path, mastering foundational web development skills including HTML, CSS,
JavaScript, and responsive design
Self-Taught Next.js Developer | 2023 – Present
• Completed the Next.js Career Path, gaining expertise in modern front-end technologies such as: Next.js, React,
TypeScript, Tailwind CSS, and state management libraries
Languages
• English: Professional Proficiency
• Arabic: Native Proficiency
Personality & Work Ethic
●
●
●
●
●
●
Problem-Solver – Thrives on tackling complex front-end challenges with innovative solutions.
Detail-Oriented – Ensures pixel-perfect UI/UX and optimal web performance.
Collaborative – Works efficiently in agile teams, communicating ideas clearly.
Adaptable – Quickly learns and applies new technologies to enhance development efficiency.
Self-Motivated – Continuously improves skills through independent learning and real-world projects.
User-Centric – Focuses on building intuitive and high-performance applications.
3
