Giter Club home page Giter Club logo

pepperfry-clone's Introduction

Pepperfry - (Clone)

Pepperfry is an online furniture shopping website which showcases a curated range of home furniture & cutting-edge furniture designs. A clone of the Pepperfry Website. developed using ReactJS, ReduxToolkit, Styled-components and MaterialUI for the frontend and ExpressJS, MongoDB and NodeJS on the backend.

Tech Stack Used ๐Ÿ’ป

  • ReactJS
  • Redux
  • Styled-components
  • Material UI
  • Express JS
  • Node JS
  • MongoDB

How to run the project ๐Ÿš€

In this project we have tried to implement an end to end user experience. Please fork the repository and then use it on your own. You can also take a glimpse of our Project, just follow the below steps:

1. Enter the frontend folder and type npm start in the terminal.

2. Enter the backend folder and type npm run server on another terminal.

Snapshots ๐Ÿ“ท

  1. Home Page

Home Page

  1. Register popup

Register Popup

  1. Product list Page

Product List Page

  1. Product Details Page

Product Detail Page

  1. Cart

Cart

  1. Checkout Page

Checkout Page

  1. Card Gateway

Card Gateway Page

  1. Thankyou Page (Order Placed, Continue Shopping)

Thankyou Page

Features โœจ

  • We have added sort and filter functionality for the product list page.
  • You can view and add any product to the cart.
  • You can also add or delete any product from the cart and checkout.

Demo ๐ŸŽฅ

Deployed Link: Pepperfry Clone

Team Members and Contributors ๐Ÿ˜‡

๐Ÿ‘ค Vikram Amin - Github : Vikram Amin

๐Ÿ‘ค Yash Verma - Github : Yash Verma

๐Ÿ‘ค Aditi Shimple - Github : Aditi Shimple

pepperfry-clone's People

Contributors

aditishimple avatar vikram-amin avatar yashverma1814 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.