Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/khushi89012/sephoraclone

Sephora is a French multinational retailer of famous beauty brand that has captured the hearts of millions of beauty shoppers worldwide. This company is also expanding around the globe and is available in several countries. The brand offers different beauty products from high-end beauty brands and makes them accessible to users even before purchasing.
https://github.com/khushi89012/sephoraclone

bootstrap express mongodb nodejs react reactjs

Last synced: 9 days ago
JSON representation

Sephora is a French multinational retailer of famous beauty brand that has captured the hearts of millions of beauty shoppers worldwide. This company is also expanding around the globe and is available in several countries. The brand offers different beauty products from high-end beauty brands and makes them accessible to users even before purchasing.

Awesome Lists containing this project

README 

        
###  lookalike of website Sephora Clone



 
Welcome to this repo


 We are team of 6 members (  Sai Narasimha,Hemant Suryawanshi, Khushi Gupta, Ritu, Viraj Gupta, Tanya) has completed the task in 5 days and Given our best efforts to Construct this project.

In case of any suggestion and query feel free to connect us.



---



### Medium Link



https://medium.com/@rkvirajgupta/cloning-of-a-french-website-sephora-3cb0fb11031b



### Netlify Link

 

https://shephoraindia.netlify.app/



---



  
TEAM MEMBERS AND MESSAGE>


we really enjoyed this whole part of developing and had a learing experience and have given our best efforts to bring the BEST thing as POSSIBLE.



### Team Members



- **[Hemant Suryawanshi](https://github.com/hemant-suryawanshi)**

 - **[Khushi Gupta](https://github.com/khushi89012)**

- **[Ritu](https://github.com/Ritu1011)**

- **[Sai Narasimha](https://github.com/Sai-Narasimha)**

- **[Viraj Gupta](https://github.com/rkvirajgupta)**

- **[Tanya](https://github.com/TanyaIndian)**



---

 

 
TOOLS AND TECHNOLOGY USED >


  
  • HTML (through React)
    • 

         
  • css
    • 

  • javascript
    •   

  • React
    • 

  • font Awesom icons
    • 

  • bootstrap (for styling flash mesage)
    • 

  • Nodejs
    • 

  • mongodb atlas (for database)
    • 

  • concurrently : 6.3.0
    • 

  • cors : 2.8.5
    • 

     
  • React
    • 

     
  • Node.js
    • 

      
    Node packages and libraries >
    

      
  • styled-components : 5.3.1
    • 

     
  • cors : 2.8.5
    • 

     
  • express : 4.17.1
    • 

     
  • mongoose : 6.0.8
    • 

  • nodemon : 2.0.13
    • 

     
  • react : 17.0.2
    • 

     
  • react-dom : 17.0.2
    • 

     
  • react-router-dom : 5.3.0
    • 

     
  • react-scripts : 4.0.0
    • 

     
  • styled-components : 5.3.1
    • 

     

     

     

     
    About 
    

    Sephora is a French multinational retailer of famous beauty brand that has captured the hearts of millions of beauty shoppers worldwide. This company is also expanding around the globe and is available in several countries. The brand offers different beauty products from high-end beauty brands and makes them accessible to users even before purchasing.
    


    ### Project Description
    


    _To start with the Project run the following command in terminal in "backend" folder_
    


    > > ⌘ **npm start**
    


    > After that 
    


    > _go to the "frontend" folder and run the following command in terminal_

     

    > > ⌘ **npm start**
    


    >   and than you can explore our project.
    


    _Or you can directly explore our project through this link_
    


     

     ### _Following are the Screenshots for the reference_
    


    - **Landing Page**

      ![Landing Page](https://miro.medium.com/max/1400/1*UB-C6C9NNV3udcmNFoyOBg.png)
    


    - **Product Page**
    


      ![Product Page](https://miro.medium.com/max/940/1*5HafmzQ-Z4ySizSHgx_TUQ.png)
    


    - **Product-details Page**
    


      ![Product-details Page](https://miro.medium.com/max/1400/1*vDtXNb8Ylet-4ikgvHtknQ.png)
    


    - **Cart-Page**
    


      ![Cart-Page](https://miro.medium.com/max/1400/1*ctMmSn6msr_SwWDU8YTKig.png)
    


    - **Checkout Page**
    


      ![Checkout Page](https://miro.medium.com/max/1400/1*pQiczrwkoRosV5QUJEr5Vg.png)

      
    


    - **Sign-In Page**
    


      ![Sign-In Page](https://miro.medium.com/max/1400/1*A2cMBrWWvcafYev5_zC3DA.png)
    


    - **Payment Page**
    


      ![Payment Page](https://miro.medium.com/max/1400/1*aBg4DT5IG4JAFJ68pwQGqA.png)
    


    ---
    


    ### About Project
    


    > We did this project within 5 days in our unit-5 construct week. We worked on backend & frontend parts with includes various types of libraries into it and we have also added database for our project so user and course details will be saved and can be used accordingly. We have also add some cool functionality in our courses page where you can filter and sort the courses according to your choice and user can Signup and Login to buy the courses.
    


    ---
    


     
    WEBSITE USER FLOW >
    

     ----

    the user flow that we tried to maintain is,
    


    home -> login/signup -> dashboard -> get started to products -> create user Id-> Enter email details -> choose products -> Product detail page-> -> Products Check out page ->payment status -> order placed -> track status.
    


    ------
    


    ### Medium Link
    


    https://medium.com/@rkvirajgupta/cloning-of-a-french-website-sephora-3cb0fb11031b
    


    ### Netlify Link
    


    https://shephoraindia.netlify.app/
    


     ------