Code Dragon Portfolio

My name is Mohammed. I am a web developer, and here I do not just build you a website. I give you a unique experience.

I turn ideas into responsive, interactive interfaces that pair clean design, strong performance, and comfortable user journeys.

See My Work Contact Me

About Me

I am Muhammed Garib Al-Ahmad, a Computer Programming student at Anadolu University and a certified Web Developer. I specialize in building modern, high-performance web interfaces using HTML, CSS, JavaScript, and Bootstrap.

By leveraging tools like Vite and the latest design trends, I create fast and easy-to-use websites at Code Dragon. My goal is to transform ideas into seamless digital experiences where clean code meets exceptional design.

const frontendDev = {
  name: "Muhammed Garib Al-Ahmad",
  role: "Front-End Developer",
  skills: ["HTML/CSS", "JavaScript", "React"],
  focus: ["Performance", "Accessibility", "UX"]
}
HTML5 & CSS3
JavaScript / ES6+
React
SASS/SCSS
Bootstrap
Tailwind CSS
Vite & Webpack
Git & GitHub
Responsive Design

Certifications & Achievements

Professional certifications and continuous learning in web development

Responsive Web Design

Udemy

2023

Certification in building responsive websites using HTML5, CSS3, and mobile-first design principles.

HTML5 CSS3 Mobile-First

AI for Everyone

Google / Coursera

2026

Leveraging artificial intelligence tools and techniques to enhance productivity and streamline development workflows.

AI Tools Prompt Engineering

Web Interface Dev

Hsoub Academy

2026

Professional web interface development certification, demonstrating expertise in crafting high-performance, responsive, and modern user interfaces.

Web Development Responsive Design Performance

Featured Projects

Pizza Restaurant Project

Pizza Restaurant Project

Modern, fully-responsive restaurant website built with Vanilla JavaScript and optimized using Webpack for superior performance. Features interactive menu, shopping cart, and customer reviews.

JavaScript ES6+ Webpack Bootstrap 5 Sass/SCSS SweetAlert2 Babel
Majalis Al-Warraqyn Landing Page

Majalis Al-Warraqyn

A modern Arabic landing page with full RTL support, neon-inspired visuals, smooth animations, and interactive alerts built for fast, engaging user journeys.

React Vite SCSS Bootstrap GSAP SweetAlert2 RTL
Project 3

Task Management App

Collaborative task management tool with real-time updates and team collaboration features.

JavaScript Firebase Bootstrap

What I Offer

Professional front-end development services to bring your web projects to life

📱

Responsive Web Development

Building fully responsive websites that work seamlessly across all devices and screen sizes.

  • Mobile-first approach
  • Cross-browser compatibility
  • Flexible layouts & grids
  • Touch-friendly interfaces
⚡

Modern JavaScript Development

Creating interactive and dynamic web applications using the latest JavaScript frameworks.

  • React & Vue.js applications
  • ES6+ best practices
  • State management solutions
  • API integration
🎨

UI Implementation

Converting designs and mockups into pixel-perfect, functional web interfaces.

  • Figma/XD to code
  • CSS animations & transitions
  • Component-based architecture
  • Design system integration
🚀

Performance Optimization

Ensuring your website loads fast and runs smoothly for the best user experience.

  • Code splitting & lazy loading
  • Image optimization
  • Bundle size reduction
  • Performance monitoring

Web Accessibility

Making your website accessible to all users, including those with disabilities.

  • WCAG compliance
  • Screen reader support
  • Keyboard navigation
  • Semantic HTML structure
🔧

Code Maintenance & Updates

Keeping your front-end codebase clean, updated, and easy to maintain.

  • Bug fixes & updates
  • Code refactoring
  • Documentation
  • Version control with Git

Get In Touch