Abdelrahman Hatem

Experienced Frontend Developer with 5+ years of expertise in building scalable, responsive, and high-performance web applications. Proficient in Next.js, React, TypeScript, and modern frontend 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.

Independent Next.js DeveloperFreelance | Jan 2023 - Present Architected and deployed full-stack web applications using Next.js, React, TypeScript and Tailwind CSSDeveloped a comprehensive dashboard web application utilizing Next.js, React, TypeScript, and Tailwind CSSImplemented state management with Zustand and data fetching with Next fetchDesigned and developed personal portfolio website (hatem.bio) showcasing technical expertiseIntegrated Firebase authentication and database services for secure user managementLeveraged Shadcn UI components to maintain consistent design system across multiple client projectsEnhanced form validation security through Zod schema integration on frontend and backendEnhanced user experience with Framer Motion animations and React Hot Toast notificationsDeployed and maintained applications on Vercel with CI/CD integration Frontend DeveloperCCIT Company | Saudi Arabia | Jan 2020 – Jan 2023Designed and developed user interfaces using Bootstrap, jQuery, HTML5, CSS3, SASS/SCSS, JavaScript (ES5/ES6), Ajax, Gulp, FontAwesome, Material Icons, and cross-browser testing tools.Developed responsive web interfaces using HTML5, CSS3, JavaScript, Bootstrap and jQueryTranslated UI/UX wireframes and designs into pixel-perfect, cross-browser compatible websitesOptimized website performance by reducing load times by 25% through code optimizationApplied responsive design principles to ensure compatibility across all devices and screen sizes.Maintained consistent brand identity across 15+ client websites in various industry sectorsDiagnosed and resolved complex frontend issues, improving application stability.Collaborated with backend developers to integrate RESTful APIs and ensure seamless data flowImplemented responsive design principles ensuring optimal display across desktop and mobile devicesOfficial Experience Certificate available verifying employment and responsibilities. Frontend DeveloperCODECUBE LTD | Saudi Arabia | Oct 2018 – Jan 2020 Designed and developed user interfaces using Bootstrap, jQuery, and other contemporary frontend technologies.Worked closely with designers to transform UI/UX concepts into functional web applications.Built responsive layouts ensuring cross-browser compatibility and seamless mobile experiences.Maintained code quality through regular reviews and implementation of best practicesAssisted in debugging and troubleshooting UI-related issues, ensuring smooth user interactions.Collaborated with backend developers to integrate frontend components with server-side logic.Participated in client meetings to gather requirements and present deliverables

Bachelor of Engineering in Mechanical Automotive EngineeringMinia University | Graduated: 2015Graduation Project: Developed a Car Agency Management System with excellence, which sparked my passion for coding and problem-solving.Designed and implemented a system to manage car inventory, sales, and customer data using programming concepts.This project was the catalyst for my transition to web development, as it revealed my love for building functional, user-centric applications.Self-Taught Frontend Developer | 2016 – 2018Completed the Frontend Career Path, mastering foundational web development skills including HTML, CSS, JavaScript, and responsive design.Built multiple projects to apply theoretical knowledge and gain hands-on experience.Self-Taught Next.js Developer | 2023 – PresentCompleted the Next.js Career Path, gaining expertise in modern frontend technologies such as:Next.js, React, TypeScript, Tailwind CSS, and state management libraries.Advanced concepts like Server-Side Rendering (SSR), Static Site Generation (SSG), and API integrations.Continuously learning through hands-on projects, open-source contributions, and industry best practices.