supermarket-py

Reedesing 1

This project represents a work in progress in my learning journey, focusing on the creation of functional user interfaces. Although it is a simple initial version, it has allowed me to practice key design and layout concepts, serving as a foundation for more complex and robust developments in the future.

“Best Sellers” Section – Grocery Store UI

This section showcases the supermarket’s best-selling products with a strong focus on usability, visual hierarchy, and freshness. The layout is built around clean, spacious cards, allowing users to quickly scan essential information such as category, product name, quantity, and price.

Soft, natural colors help communicate freshness, while Offer badges highlight promotions without cluttering the interface. The circular category icons at the top enable fast category navigation, improving user flow and overall discoverability.

Each product includes a clear “+” action button, designed for an intuitive purchasing experience, allowing users to add items to the cart effortlessly. Overall, this section balances modern aesthetics with practical functionality, creating a smooth and engaging digital shopping experience.

Add categories

Finishing the hero section of the homepage

Restructuring the code and fixing CSS errors

Add navbar