Home
Blog

MACB International

Built during internship: React multi-page website for MACB International with visually appealing UI and Framer Motion animations.

No Preview Available | Github
Tech Stack

Frontend:

React
Framer Motion
CSS3
JavaScript

Backend:

Static Frontend (No Backend)

Database:

None

ORM:

None

Tools:

Git
GitHub
VS Code
Figma

Deployment:

cPanel
MACB International
Tech Stack

Frontend:

React
Framer Motion
CSS3
JavaScript

Backend:

Static Frontend (No Backend)

Database:

None

ORM:

None

Tools:

Git
GitHub
VS Code
Figma

Deployment:

cPanel

What the project is?

MACB International is a multi-page static React website for a makeup academy. It showcases courses, trainer profiles, student work, and contact options, with visually appealing UI and smooth Framer Motion animations for enhanced user experience.

Why I built this?

Developed as part of internship to provide a visually stunning, interactive web presence for the client, demonstrating modern frontend skills and creating a user-friendly experience for prospective students.

What problem it solves?

Before this website, the client had no engaging online platform to showcase courses and student portfolios. The website improves online visibility, highlights services effectively, and allows users to navigate courses and contact the academy easily.

Key Features

  • Multi-page static React website
  • Framer Motion animations for smooth transitions
  • Visually appealing, user-friendly UI
  • Course catalog and trainer profiles
  • Student portfolio showcase
  • Contact and inquiry forms
  • Responsive design for desktop and mobile
  • Deployed via cPanel
  • screenshot-0
    screenshot-1
    screenshot-2
    screenshot-3
    screenshot-4
    screenshot-5
    screenshot-6
    screenshot-7
    screenshot-8
    screenshot-9
    screenshot-10
    screenshot-11
    screenshot-12
    screenshot-13
    screenshot-14
    screenshot-15
    screenshot-16
    screenshot-17
    screenshot-18
    screenshot-19
    screenshot-20
    screenshot-21
    screenshot-22
    screenshot-23
    screenshot-24
    screenshot-25
    screenshot-26
    screenshot-27
    screenshot-28
    screenshot-29
    screenshot-30
    screenshot-31
    screenshot-32

    What I Learned / Challenges

    Gained experience in building multi-page React websites with Framer Motion animations. Learned to structure complex static projects, maintain consistency in UI, and optimize performance for visually intensive pages.