Giter Site home page Giter Site logo

snehilagrahari / home-decor Goto Github PK

View Code? Open in Web Editor NEW
5.0 1.0 3.0 2.67 MB

Home Decor is an E-commerce website providing products ranging from daily groceries to flashy accessories.

Home Page: https://home-decor-omega.vercel.app/

HTML 1.32% CSS 12.84% JavaScript 85.85%
css html javascript chakra-ui-react react redux

home-decor's Introduction

Home-Decor

Collaborative Project Team Members:

  1. Akash Singh
  2. Ahmad Khan
  3. Dhiraj Garad
  4. Kamal Gupta
  5. Snehil Agrahari (Project Lead)

Home Decor

Homepage

HomePage

Home Decor is an E-commerce website which provides its customer with a large variety of products starting from day to day groceries to trending and stylish clothing. Home Decor provides its users with following features:

  1. Sign-in/Sign-up
  2. Search Products
  3. Apply filters & sort according to price or discount
  4. Add item to cart
  5. Place order
  6. See earlier orders

Login/Signup

image

Once you enter your mobile number you will see the page to enter OTP. The OTP is hardcoded value 1234. There are no auth integrations yet which will come in later versions.

Products Page & Search Functionality

Products

Search

On Products page you can find different filter and sorting options which you can use to customize your search.

Search

Product Details Page

Once you click on any product from products page you will be redirected to the product details page where you see a more detailed version of product and also can find the other images of product.

ProductPage

Cart

In cart you will see all the items you have added to cart so far and on top you can see the sub total of cart. Also you will find an option to place your order.

Cart

Checkout

On clicking the place order button in cart you will be navigated to checkout page where you can place your order with different options of patyment. The shipping address is hardcoded for now and will be updated in later versions. Only cash on delivery option makes a successful order.

Checkout

Your Orders

You can list all your earlier and current order in Orders Page. And if you all the items in a particular order are cancellable you can cancel the order as well.

Order

That is it. Thank you!

home-decor's People

Contributors

dhiraj19999 avatar kamalg-coder avatar khanahmad4527 avatar singh2198 avatar snehilagrahari avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

home-decor's Issues

Redux

  • Set Redux structure
  • Set and works on redux structure for Cart page

Cart

  • Loder add to cart page
  • update cart page Css

Resposiveness

  • Homepage responsiveness
  • Orderpage responsiveness
  • Login responsiveness

day_3

issue 1

  • create img component
  • add img to component
  • product description
  • add price
  • button

HomePage

  • Component- shop by category
  • Component - carousel
  • component - 4 Card
  • Component - Footer

Login

  • Component - Login modal
  • Redux - auth(action|types|api|reducer)
  • Redux store creation

sing in

not able to sign in not getting otp fix it

day_2

  • issue 1

  • create backend

  • collect api data

  • issue 2

  • create components

Orders Page

  • Component- OrderItem
  • JS - Order (cancellation and state)

day-5

  • issue 1
  • integrate with other project component
  • with product page
  • with cart page

day-4

  • issue 1
  • add product description details
  • add footer
  • add navbar

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.