Watsons Clone

Watsons Clone is a Nuxt 3 / Vue 3 storefront clone built for visual testing and UI experimentation.

E-commerce interfaces require dense but readable layouts, product-focused visuals, category navigation, and responsive behavior across screen sizes.

I worked on the storefront UI recreation, responsive layout, asset integration, and product/category presentation.

• Nuxt 3
• Vue 3
• JavaScript
• Product/category assets
• Responsive frontend layout

• Used a real storefront-like structure to practice visual hierarchy and product presentation.
• Organized product and category imagery as reusable frontend assets.
• Kept the project lightweight for visual testing and interface experimentation.

• Matching an e-commerce visual system without overcomplicating the implementation.
• Keeping category/product visuals readable across device sizes.
• Balancing clone accuracy with maintainable component structure.

The project shows frontend range beyond dashboards and AI tools, especially around commerce UI, visual styling, and responsive product layouts.

Storefront clones are useful practice for spacing, visual rhythm, image handling, and conversion-oriented UI patterns.