👋 Hello, I'm
I build modern, responsive and interactive web applications using HTML, CSS[Tailwind ,and bootstrap ], JavaScript, React and Next.js.
Hi, I'm Youssef Mohamed, a Frontend Developer passionate about building modern, responsive, and user-friendly web applications. I enjoy transforming ideas into interactive digital experiences using HTML, CSS, JavaScript, React, Next.js, and Tailwind CSS.
🚀 5+ Projects
💻 2+ Years Learning
I'm continuously learning new technologies and improving my problem-solving skills through personal projects and coding challenges. My goal is to create clean, scalable, and high-performance web applications while growing as a software engineer.
⚡ 15+ Technologies
☕ 500+ Hours Coding
Developed a responsive, SEO-optimized e-commerce platform using Next.js (App Router) and TypeScript. Leveraged Server-Side Rendering (SSR) to improve performance and SEO. Built a dynamic product catalog with URL-based filtering (category, size, color). Integrated TanStack Query for efficient data fetching, caching, and server-state management. Implemented secure authentication with NextAuth.js and HTTP-only cookies. Designed an accessible, pixel-perfect UI using Shadcn/ui and Tailwind CSS. Built a persistent shopping cart with real-time state synchronization.
Technologies:
Developed a mobile-first social media application using React.js and Tailwind CSS. Implemented authentication, profile management, post creation, and REST API integration with TanStack Query while ensuring responsive design and protected routes.
Technologies:
Built a mobile-first Task Manager application using React.js and Redux, enabling users to create, edit, delete, and complete tasks efficiently. Implemented centralized state management with Redux, reusable components, and a fully responsive interface optimized for mobile, tablet, and desktop devices.
Technologies:
Built a responsive book discovery application using Next.js and TypeScript, integrating the Open Library API to fetch and display book information. Implemented individual book detail pages, reusable UI components, and loading skeletons, with responsive layouts styled using Tailwind CSS and shadcn/ui.
Technologies:
Developed a responsive To-Do List application using HTML, Tailwind CSS, and JavaScript. Implemented task creation, priority selection, completion status toggling, and task deletion. Used Local Storage to persist tasks across page refreshes and created a responsive interface for desktop and mobile devices.
Technologies:
2025 – 2026
Route Academy • 6 Months
Completed an intensive frontend development training program covering HTML, CSS, JavaScript, React.js, and Next.js. Built multiple real-world projects while gaining hands-on experience with responsive design, REST APIs, Git & GitHub, and modern frontend development practices.
2025 – 2026
Frontend Developer Intern — CodeOrbit Tec • Virtual / Assignment-Based Internship | Jun 2026 – Sep 2026
• Developed responsive and interactive web applications using React.js and JavaScript.
• Built practical frontend projects using component-based architecture and modern JavaScript practices.
• Transformed project requirements into functional, user-friendly, and responsive web interfaces.
• Used Git and GitHub for version control and project submission.
• Completed assigned frontend development tasks and received project evaluation and feedback.
• Strengthened practical skills in React.js, JavaScript, responsive design, reusable components, and Git workflows.
AI Training Hackathon – Course Participation Kanz AI × Ministry of Human Resources and Social Development (Saudi Arabia) × LAU Academy of Continuing Education July 2026
Participated in the Guinness World Records AI event with 14,075 participants. July 2026