Project information

  • Category: Full-Stack
  • Name: Mafi Habesha(Part 3)
  • Project URL: Mafi Habesha Demo(Part 3)(Click Here)
  • Description: Mafi Habesha is a full-stack e-commerce website tailored for the retail sale of Ethiopian traditional dresses. It possesses three key features that enhance the overall shopping experience: a diverse collection of dresses, a user-friendly shopping cart service, and a responsive design that adapts to a wide range of screen sizes.

Project Detail

The third feature of Mafi Habesha involves ensuring versatility across a range of screen sizes. The techniques employed to ensure seamless adaptability to various screen dimensions include:

  • Media Query Ranges(Responsive breakpoints): To guarantee a harmonious transition across different screen sizes.
  • Collapsible Menu: To ensure navigational ease on smaller screens while preserving functionality.
  • Responsive Flexbox Layouts: To enable content to dynamically adjust and maintain an appealing structure on screens of all sizes.
  • Responsive Images and Typography: To ensure content remains visually appealing across various screen sizes.

These strategies collectively optimized the website’s responsiveness.

Technologies Used: JavaScript · Cascading Style Sheets (CSS) · HTML5 · Object-Oriented Programming (OOP) · Bootstrap · REST API · Asynchronous Programming · Java · Spring Boot · MySQL