A new version is available!

Skip to content
moamalalaapro1@gmail.com

Hi, my name is

Moamal Alaa.

I make the internet less boring.

I'm a front-end developer passionate about creating engaging and intuitive user interfaces. I focus on building responsive, performant, and accessible websites that leave a lasting impression.

01.About Me

Hi, I’m Moamal, I enjoy building things for the web. I believe websites should feel smooth, look great, and work for everyone. That’s why I focus on creating interfaces that are not only functional but also enjoyable to interact with.

I’ve been exploring front-end development for over four years now. It all started with writing HTML and CSS, which felt like drawing with code, I loved bringing designs to life on the screen. That curiosity led me to JavaScript and, eventually, to the world of modern front-end technologies I work with today.

Here are a few technologies I’ve been working with recently:

Professional headshot of a young man with short, slightly spiked hair, wearing black rectangular eyeglasses and a muted blue-gray t-shirt, smiling warmly against a neutral light-gray background.

A versatile scripting language for web development, enabling dynamic and interactive websites. ES6+ adds modern features like arrow functions, classes, and modules.

02.Where I Have Contributed

esraa-dev/al-shifa-clinic

Optimized LCP and initial bundle size by converting key assets to WebP, refactoring the Hero section for semantic image loading with high fetch priority, and introducing conditional eager/lazy loading to prioritize critical brand elements.

ahmed-c0der/travel-agency

Enhanced the Travel-Agency website by improving code quality, fixing layout shifts, optimizing image behavior, removing unused assets, improving load performance, adding key SEO meta tags, and updating the site title for better branding and user experience.

seraprogrammer/portfolio

Updated project dependencies and resolved security vulnerabilities to ensure a safer, more stable, and up-to-date codebase while maintaining compatibility with React 18 peer requirements.

bgub/bengubler.com

Fixed layout shifting in the dropdown menu during theme toggle, improving visual stability and overall user experience.

sfwnisme/sfwn.me-

Optimized the project’s CSS by cleaning redundant styles, addressing a known cursor lag issue in Chrome and Edge devtools, improving rendering performance and developer experience.

kareemokeil/portfolio

Organized project structure by fixing image paths and folder layout, and removed unnecessary base path to simplify routing and make the codebase easier to maintain.

03.Some Things I've Built

Featured Project

E-Commercew

A comprehensive e-commerce platform built with React and Redux Toolkit, demonstrating modern front-end architecture, state management, and performance best practices. Featuring multi-language support, cart and wishlist systems, product search, and PWA functionality.

The project was chosen as a learning reference on CodeWithRandom for developers building real-world React applications.

  • React
  • Sass
  • Redux/Toolkit
  • Swiper
  • I18next
  • PWA
E-Commercew
Featured Project

Jumpers Heaven Stats

A production-grade gaming analytics platform serving real-time statistics for multiple Jumpers Heaven servers across Call of Duty titles. The system provides interactive leaderboards, player and map analytics, server monitoring, and detailed performance insights with dedicated pages for each entity.

Designed with performance in mind, the platform uses MessagePack serialization, client-side caching with compression, and optimized data fetching strategies to handle large datasets efficiently while maintaining a responsive user experience.

Currently deployed and actively used by the community.

  • Next.js
  • Redux Toolkit
  • MessagePack
  • LZ String
  • Sass
Jumpers Heaven Stats
Featured Project

Advanced Tic Tac Toe (Full-Stack)

An Enterprise-standard remaining of the classic game, engineered for peak performance and strategic depth. Features a custom-built Offline AI and Real-time Multiplayer with live chat. Includes game-changing mechanics like Freeze, Bomb, and Swap across dynamic 3x3 to 5x5 boards. Achieved 100/100 Lighthouse scores through rigorous optimization, semantic HTML, and full PWA support.

  • Next.js
  • Socket.io
  • Zustand
  • Sass
  • PWA
Advanced Tic Tac Toe (Full-Stack)

Other Noteworthy Projects

view the archive

Resume Builder

Currently on temporary development pause, with a beta version available for preview.,

  • Next.js
  • Sass
  • Zustand
  • HTML to PDF
  • React Datepicker

CSS Arts Gallery

A personal gallery of creative CSS-based visual artworks built during my front-end learning journey. Each piece explores animations, shapes, and UI tricks using CSS (and sometimes JavaScript) to push the limits of what's possible in the browser.

  • Next.js
  • Sass

Aster Information

A production-quality responsive website developed for a freelance client, emphasizing professional UI design, smooth interactive animations, and robust cross-browser support. The project demonstrates real-world delivery standards, attention to usability, and modern front-end implementation practices.

  • React
  • React Router Dom
  • Sass

Custom React Hooks Library

A collection of reusable and well-documented custom React hooks for boosting productivity and consistency across React projects. Includes live previews and code highlighting

  • React
  • PWA
  • JSZip
  • syntax highlighter

Challenges with JavaScript

A set of JavaScript challenges focused on solving real-world interactivity problems using only HTML, CSS, and JavaScript. Built to sharpen DOM manipulation, event handling, and logic-building skills.

  • HTML
  • CSS
  • Sass
  • JavaScript

Responsive Landing Page

A clean and modern landing page template designed to capture visitor attention and effectively showcase content or products.

  • HTML
  • CSS
  • Sass
  • JavaScript

04. What's Next?

Get In Touch

I'm currently looking for new opportunities. Whether you have a question or just want to say hi, I'll get back to you as soon as possible!

Say Hello