Skip to content

areebamoosa/HER-Cosmetics

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

86 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ’„ HER Cosmetics

HER Cosmetics is an e-commerce store showcasing real-world online shopping features.

Demo

About the project πŸš€

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.

✨ Key Features

  • πŸ›οΈ 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

πŸ› οΈ Technologies Used

  • React.js
  • Tailwind CSS

πŸŽ₯ Demo / πŸ–ΌοΈ Screenshots


Homepage

Cosmetic's Collection

Fragrance Collection

Skin Care Collection

Featured Product

Discover Page

About the Brand

User Login

🌐 Live Demo

View Live Website: https://her-cosmetics.vercel.app

About

πŸ›οΈ A fully functional E-Commerce application built with React and Tailwind css.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published