Beauty Outlet

A frontend beauty e-commerce site featuring skincare products, built with modern UI design and clean, scalable code.


Beauty Outlet is a responsive e-commerce web application designed for a beauty and skincare store. Built with React.js, Tailwind CSS, and React Router, it delivers a modern, user-friendly shopping experience through clean layouts, smooth navigation, and dynamic state management. The project includes core e-commerce features such as product listings, detailed product pages with image galleries and variant selection, and a simulated shopping cart that calculates subtotals and totals on the frontend. Its responsive design ensures optimal performance across mobile, tablet, and desktop devices.

This project highlights my ability to create scalable, component-based user interfaces while maintaining a strong focus on design and usability. It also demonstrates my understanding of modern frontend tools and workflows, including the React Context API for state management and Vite for efficient development. Future improvements include integrating backend functionality for authentication, order management, and payments to evolve Beauty Outlet into a fully functional online store.

Tech Stack

React.js, React Router, Tailwind CSS

🔗 View GitHub Project

Click below to watch the Demo Video!

🔙 Go Back to Home