Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/susanta0/sephora


https://github.com/susanta0/sephora

Last synced: about 2 months ago
JSON representation

Awesome Lists containing this project

README 

        
# Sephora Website Clone



## Overview

   The Sephora website clone is like a fancy online store made with modern tools like HTML, CSS (with Tailwind CSS), JavaScript, ReactJS (with JSX), and Chakra UI. It's designed to mimic the important features       and look of the well-known beauty and cosmetics shop, Sephora. This project aims to give users a similar experience of shopping for beauty products online, with easy navigation, pretty visuals, and secure         technology. 

  



## Tech Stack

[![HTML](https://img.shields.io/badge/HTML-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)](https://developer.mozilla.org/en-US/docs/Web/HTML)

[![JavaScript](https://img.shields.io/badge/JavaScript-%23F7DF1E.svg?style=for-the-badge&logo=javascript&logoColor=black)](https://developer.mozilla.org/en-US/docs/Web/JavaScript)

[![React](https://img.shields.io/badge/React-%2361DAFB.svg?style=for-the-badge&logo=react&logoColor=white)](https://reactjs.org/)

JSX

Tailwind CSS

[![Chakra UI](https://img.shields.io/badge/Chakra_UI-%23319795.svg?style=for-the-badge&logo=chakra-ui&logoColor=white)](https://chakra-ui.com/)



## Features

* ***User Authentication:***

  * Sign up and log in functionality for users.

  * Secure authentication process to ensure user data safety.

* ***Product Management:***

  * Single product view with detailed information, images, and reviews.

  * Add to cart functionality to allow users to collect items for purchase.

  * Remove from cart option for easy management.

* ***Navigation:***

   * Responsive navigation with a dropdown menu for easy access to various categories and sections.

   * Smooth transitions and animations for a seamless user experience

* ***Responsive Design:***

   * Fully responsive design to ensure optimal user experience across different devices (desktop, tablet, mobile).

  * Mobile-friendly layout with touch-friendly elements.

* ***UI Components:***

  * Utilize Chakra UI components to enhance the overall look and feel of the website.

  * Consistent design elements for a polished and professional appearance.

* ***Authentication:***

  * Secure user authentication using industry-standard practices.

  * Password recovery/reset functionality for user convenience.

* ***Cart Management:***

  * Add items to the cart with a visually appealing animation.

  * Remove items from the cart with a user-friendly interface. 

* ***Pop-up Notifications:***

   * Implement pop-up notifications for actions like successful login, item added to the cart, etc.

  * Non-intrusive notifications for a smooth user experience.

* ***Responsive Slideshow:***

    * Feature a responsive slideshow on the homepage to showcase featured products, promotions, and announcements.

  * Image carousel with smooth transitions and a user-friendly interface.



## Home



![Screenshot 2024-03-05 014501](https://github.com/Susanta0/Sephora/assets/130533362/209924b7-652e-4254-879a-a2626caaffa1)



## Sign up



![Screenshot 2024-03-05 015514](https://github.com/Susanta0/Sephora/assets/130533362/419e4c5b-dbfc-4c11-b263-0e4a01039320)



## Log in



![Screenshot 2024-03-05 015532](https://github.com/Susanta0/Sephora/assets/130533362/948d9916-ff6a-4b10-8b5c-27eed289ba5e)



## Quickview & Add to cart



![Screenshot 2024-03-05 015558](https://github.com/Susanta0/Sephora/assets/130533362/6685303c-0577-49f5-acb8-d8c9a6309709)



## Product add & remove



![Screenshot 2024-03-05 015849](https://github.com/Susanta0/Sephora/assets/130533362/2f58e733-44b2-4371-99a4-f534c1ee3ef7)



## Responsive Scroll bar



![Screenshot 2024-03-05 015634](https://github.com/Susanta0/Sephora/assets/130533362/13a8c1fe-4a19-4637-9d10-b116c41007e4)



## Footer



![Screenshot 2024-03-05 015659](https://github.com/Susanta0/Sephora/assets/130533362/9bc77b77-414c-4ecd-855c-3fdcf89318c1)



## Contact



For inquiries or support, please contact [[email protected]].