<h1 align="center">Nykaa.com Clone</h1>
<br />
<strong>Nykaa.com Clone is ReactJS e-commerce web application that allows you to buy cosmetics products online with effortable prices. It has a variety of categories, just visit the product listing page and you will see all the products, apply filters as per your need and in just a few clicks you can buy any products from the website. This project is just for educational purpose.</strong>

<h2 align="center">🖥️ Tech Stack</h2>


<h4 align="center">Frontend:</h4>

<p align="center">
  <img src="https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB" alt="reactjs" />
  <img src="https://img.shields.io/badge/Chakra%20UI-3bc7bd?style=for-the-badge&logo=chakraui&logoColor=white" alt="chakra-ui" />
  <img src="https://img.shields.io/badge/JavaScript-323330?style=for-the-badge&logo=javascript&logoColor=F7DF1E" alt="javascript" />
  <img src="https://img.shields.io/badge/Rest_API-02303A?style=for-the-badge&logo=react-router&logoColor=white" alt="restAPI" />
  <img src="https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white" alt="css3" />
  <img src="https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white" alt="html5" />
</p>


<h4 align="center">Deployed On:</h4>

<p align="center">
  <img src="https://img.shields.io/badge/Netlify-00C7B7?style=for-the-badge&logo=netlify&logoColor=white" alt="vercel" />
  <img src="https://img.shields.io/badge/vercel-430098?style=for-the-badge&logo=vercel&logoColor=white" alt="heroku" />
</p>



<h3 align="center"><a href="https://panachebeauty.netlify.app/"><strong>Want to see live preview »</strong></a></h3>
<br />
<p align="center">
  <br />&#10023;
  <a href="#Demo">View Demo</a> &#10023;
  <a href="#Getting-Started">Getting Started</a> &#10023; 
  <a href="#Install">Installing</a> &#10023;
  <a href="#Contact Us">Author</a> &#10023;
</p>



## Duration 
We made this project within the 4 days
<br />

## Screens 
- Homepage / Landing Page
- Product Listing Page with all categories
- Product Description Page
- Cart Management Page
- Login / Logout Page
- Single Product Page


## 🚀 Features
- Login and Signup User Account
- Product Sorting Based on Price, Rating and Name
- My Orders Section for details of all ordered item
- Cart Add and Remove Items 
- Cart Update Quantities 
<br />


## Glimpses of Nykaa-Clone :
<table>
  <tr>
    <td><img src="https://i.ibb.co/CQk0R2T/nykaa.png"  alt="home" /></td>
  </tr>
  <br/>
  <tr>
    <td><img src="https://i.ibb.co/JCPsB54/nykaa2.png"  alt="" /></td>
  </tr>
  <br/>
  <tr>
    <td><img src="https://i.ibb.co/fNTNsNJ/nykaa3.png"  alt="" /></td>
  </tr>
  <br/>
   <tr>
    <td><img src="https://i.ibb.co/JChmGKf/nykaa4.png"   alt="" /></td>
  </tr>
  <br/>
  <tr>
    <td><img src="https://i.ibb.co/ZWjjmL0/nykaa5.png"  alt="" /></td>
  </tr>
  <br/>
   <tr>
    <td><img src="https://i.ibb.co/RPbBcVp/nykaa6.png"   alt="" /></td>
  </tr>
  <br/>
  <br/>
   <tr>
    <td><img src="https://i.ibb.co/WK7FsMF/nykaa7.png"   alt="" /></td>
  </tr>
  <br/>

</table>

<br />



## Getting Started

This project was built using React, Chakra UI, HTML, CSS, JavaScript, Rest API,Redux,tailwind . It is an e-commerce web application and for running on your local environment you should follow these guidelines.


<br />

## Contact Us

If you want to contact us, you can reach me through below handles. <br />
[![linkedin](https://img.shields.io/badge/Aditya_Anand-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/aditya-anand-2b795a239/)
[![GitHub](https://img.shields.io/badge/Aditya_Anand-0077B5?style=for-the-badge&logo=Github&logoColor=white)](https://github.com/AdityaBr11/)

[![linkedin](https://img.shields.io/badge/Rashmi_Gautam-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/rashmi-gautam16/)
[![GitHub](https://img.shields.io/badge/Rashmi_Gautam-0077B5?style=for-the-badge&logo=Github&logoColor=white)](https://github.com/Rashmigautam16)

[![linkedin](https://img.shields.io/badge/varinder-brar-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/varinder-brar/)
[![GitHub](https://img.shields.io/badge/varinder-brar-0077B5?style=for-the-badge&logo=Github&logoColor=white)](https://github.com/Brar21)

[![linkedin](https://img.shields.io/badge/Santosh-Sharma-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://github.com/SantoshSharma09)
[![GitHub](https://img.shields.io/badge/Santosh-Sharma-0077B5?style=for-the-badge&logo=Github&logoColor=white)](https://github.com/SantoshSharma09)





## Show your support

Give a ⭐️ if you like this project!