I Develop User-friendly / Responsive
Web Applications
About Me
I'm a passionate software developer with extensive experience in TypeScript and JavaScript, specializing in modern frameworks like React, Next.js, and Vue.js.
I'm a quick learner who collaborates closely with clients to create efficient, scalable, and user-friendly solutions that solve real-world problems. Let's work together to bring your ideas to life!
Computers and Data Science
Alexandria University
Studied core computer science foundations including data structures, algorithms, and database systems.
Specialized in data science with coursework in statistics, machine learning, and data analysis.
Built several academic and personal projects applying modern web and software engineering practices.
Web Design Track
National Telecommunication Institute (NTI)
Mastered HTML and CSS during a focused internship, creating visually appealing and responsive web layouts.
Developed proficiency in front-end development, working extensively with JavaScript and leveraging the Bootstrap framework to enhance website interactivity and user experience.
Frontend Development Track
Information Technology Institute (ITI)
Gained hands-on experience in HTML, CSS, JavaScript, ES6, and React.js through various courses offered by the institute.
Enhanced understanding of UX Design fundamentals and freelancing, attending talks on skills roadmap for developers.
Devised and implemented a cutting-edge, responsive eCommerce web application using React.js, Redux, and Context API, enabling seamless state management and application flow.
Ready to turn your vision into reality?
Let's collaborate and create something amazing together.
or reach out directly:
My Professional Journey
Led frontend development, mentoring engineers and driving best practices for scalable and maintainable code.
Managed task delegation, sprint planning, and code reviews, ensuring the team maintains high development standards and delivers on time.
Built and optimized interactive user interfaces using a modern frontend stack, including TypeScript, Storybook, React.js, and Next.js.
Improved application performance through continuous monitoring and optimization of Core Web Vitals, resulting in approximately 30% faster load times.
Developed and deployed scalable web applications using React.js, Next.js, and TypeScript, delivering robust and high-performing digital solutions.
Crafted responsive UIs and managed complex data flows by leveraging Tailwind CSS, Shadcn UI, PrimeReact, Material UI, and React Hook Form / Formik integrated with RESTful APIs.
Collaborated closely with backend engineers and UI/UX designers to maintain best practices, clean code standards, and seamless cross-functional integration.
Acted as the Frontend Lead for building the academy's official e-learning platform, taking full ownership of turning their core vision and designs into a live, production-ready website.
Built a high-performance architecture from scratch for both the main platform and the admin panel, ensuring a production-ready and scalable codebase within a 2-month timeline.
Delivered a high-performance system for the client, completely implementing the platform's core logic, including real-time course tracking, secure exam modules, and Stripe payment checkouts.
Lead the front-end development of the company's AI-powered internal software, customer-facing compliance tools, and centralized platform, ensuring scalability, maintainability, and alignment with ComplyMarket's mission to streamline supply chain compliance.
Design and implement responsive, accessible, and elegant UIs using React.js, Next.js, TypeScript, Tailwind CSS, Material UI, and Shadcn UI, contributing to the company's visual standards across products like ComplyDoc and ComplyIntelligent.
Collaborate with backend teams and compliance experts to ensure smooth data handling, secure system communication, and product functionality, while strictly adhering to all contractual obligations concerning confidentiality, intellectual property, and GDPR compliance.
Developed dynamic, component-based user interfaces using React and TypeScript, enhancing application scalability and maintainability across multiple projects.
Collaborated with cross-functional teams to interact with RESTful APIs, ensuring the smooth integration of data and functionality into web applications.
Contributed to creating adaptable and responsive user interfaces, thereby enhancing the overall user experience and usability of web applications.
Acquired a solid foundation in database management during my internship, becoming proficient in SQL and Supabase.
Actively contributed to database design, optimization, and data retrieval processes, ensuring the seamless operation of web and mobile applications.
Developed cross-platform mobile apps using FlutterFlow, emphasizing user-friendly interfaces and best-practice mobile architecture.
Selected Work
A small taste of what I've been building lately. See the full archive on the projects page.
Full-featured e-learning platform for compliance training and certification. Built with Next.js 15, TypeScript, Redux Toolkit, and Tailwind CSS, it delivers a seamless learning experience with video courses, real-time progress tracking, auto-graded exams, OAuth login, Stripe payments, and a full admin dashboard.
SaaS platform enabling users to book airport fast pass and transfer services like Arrival/Departure Fast Pass and SUV/VAN Transfers. Built with React, TypeScript, PrimeReact, and Tailwind CSS, it features dynamic pricing, real-time flight integration, and a scalable multi-tenant Admin Dashboard with role-based access.
Comprehensive full-stack medical education platform supporting medical and health science students in Saudi Arabia and the Arab world. Built with Next.js 15, TypeScript, Node.js, Express, and MongoDB, it features a hierarchical structure from universities down to individual courses with multimedia support, role-based admin access, secure enrollment with payment tracking, and progress tracking.
Conversion-optimized B2B SaaS landing page marketing creator and affiliate program automation tools. Built for a Netherlands-based client using Next.js, TypeScript, and Tailwind CSS, with a scalable component architecture enabling smooth updates, localization, and mobile optimization. Fluid Framer Motion animations showcase product capabilities like automation workflows and ROI metrics.
Technologies & Skills
The languages, frameworks and core libraries I reach for when building production-grade web and mobile applications.
Next.js
React
React Native
Vue.js
TypeScript
JavaScript
HTML5
CSS3
Redux Toolkit
Zustand
TanStack Query
Axios
Formik
React Hook Form
Also experienced with
Design systems and styling toolkits I use to ship accessible, responsive interfaces fast.
Tailwind CSS
Material UI
Shadcn UI
PrimeReact
Headless UI
Chakra UI
Bootstrap
Also experienced with
The day-to-day tooling I use to monitor, version, test and ship quality software.
Git
GitHub
Sentry
New Relic
Vite
Webpack
Jest
Figma
Adobe Photoshop
Illustrator
Also experienced with
Server-side runtimes, headless CMSs and databases I use to power full-stack products.
Node.js
MongoDB
Prisma
Strapi
Firebase
Supabase
I'm always open to discussing new projects, creative ideas, or opportunities to be part of your vision. Drop a message and let's build something great together.
