HER Cosmetics is an e-commerce store showcasing real-world online shopping features.
HER Cosmetics is a frontend e-commerce website built using React and Tailwind CSS, focusing on clean UI design, smooth user flow, and real-world shopping features.
The goal of this project was to build a complete shopping experience β from discovering products to managing the cart and navigating through authentication and checkout pages β while strengthening my frontend development skills and UI thinking.
The website is fully responsive and works seamlessly across mobile, tablet, and desktop devices.
- ποΈ Product discovery with a dedicated Discover page
- π Live product search for quick and easy browsing
- π Add to Cart functionality with a dedicated cart page
- π³ Checkout / Payment page layout
- π Sign Up & Sign In pages
- π Informational pages like About the Brand
- π¨ Clean, modern, and visually appealing UI
- π± Fully responsive across all screen sizes
React.jsTailwind CSS
Homepage |
![]() Cosmetic's Collection |
![]() Fragrance Collection |
![]() Skin Care Collection |
![]() Featured Product |
![]() Discover Page |
![]() About the Brand |
![]() User Login |
View Live Website: https://her-cosmetics.vercel.app








