M
HomeAboutProjectsSkills
Contact
HomeAboutProjectsSkills
Contact
ProjectsShuffle
Frontend

Shuffle

Shuffle

About the project

Description

This is the 'Shuffle' project, a landing page built as part of the 'Career 180 Bootcamp'. It solves the challenge of building a professional, multi-section landing page from a design. I built this using HTML5 and the Bootstrap 5 framework for layout. The core technology stack includes Sass (SCSS) for CSS preprocessing, and JavaScript to implement the key 'Shuffle' (filtering) feature for the portfolio. The AOS library was also used for scroll animations. The result is a dynamic, Fully Responsive landing page with a modern build process.

Notes

  • Uses node-sass for Sass compilation, autoprefixer and postcss for browser compatibility, concat for merging files, and finally compress for minifying the final CSS file for production.

Tech Stack

HTMLCSSBootstrap 5Sass (SCSS)Bootstrap IconsAOSnpmJavaScript
Back to all projects
M

Building fast, scalable web products — one commit at a time.

Based in Cairo, Egypt

Quick Links

  • Home
  • About
  • Projects
  • Skills

Connect

melshahat799@gmail.com

© 2026 Mahmoud Mostafa. All rights reserved.

Designed & built with Next.js + Tailwind CSS