Giter VIP home page Giter VIP logo

pskalsi19 / the-book-shelf Goto Github PK

View Code? Open in Web Editor NEW
4.0 1.0 1.0 2.94 MB

The React and Tailwind CSS-based ecommerce website for books is a responsive, and feature-rich platform. It offers a user-friendly experience for book enthusiasts to explore, wish list, and purchase books online. It is created to understand implementation of various React functionalities and concepts, and to showcases a visually appealing design.

Home Page: https://the-book-shelfs.vercel.app/

HTML 0.77% CSS 0.69% JavaScript 98.54%
headlessui react react-router-dom tailwindcss mockbee

the-book-shelf's Introduction

The Book Shelf

Order your favorite books conveniently online from The Book Shelf ecommerce website.


Demo

https://www.loom.com/share/23691ca63968468cbd4c4c2939c8c76a

Mobile View

https://www.loom.com/share/68c2ff21c6e94b28a6481603d99bbefd

How to use on Local Machine:

  1. $ git clone https://github.com/PsKalsi19/Book-Freaks.git
  2. $ cd Book-Freaks
  3. $ npm install

Features

  • Home Page
  • Product Listing Page
    • Add to / Remove from wishlist
    • Show Product Overview Page
    • Add to Cart
  • Single Product Page
    • Add to / Remove from wishlist
    • Add to Cart
  • Filters by
    • Price
    • Category
    • Ratings
  • Sort by
    • Price: High to Low
    • Price: Low to High
  • Wishlist Management
    • Add Item
    • Remove Item
    • Move to Cart
  • Cart Management
    • Increase / Decrease Quantity
    • Remove Item
    • Move to Wishlist
  • Search
    • Item overview on click
  • Loading & Alerts
  • Authentication
    • Sign-up
    • Login
    • Logout
  • Address Management
    • Add / Remove / Set Primary
  • Checkout
    • Apply Coupon
  • Payment Gateway
  • Fully Responsive
  • 404 Page
  • Experimental: Wishlist and Cart items persist after reload for only existing user and not for the users created through sign up.

Built using

  • React
  • React Router
  • Tailwind
  • Mockbee
  • Headless UI
  • React Hot Toast
  • Razorpay Payments
  • React Icons

Screen Shots

Home

Home Page

Product Listing

Product Listing

Product Listing Mobile With Filters

Product Listing Filters

Product Overview

Overview

Cart

Cart

Wishlist

Wishlist

Checkout

Checkout

User- Addresses

Addresses

Payment Gateway

Payment Gateway

Order Placed

Order Placed

User Order History

User Order History

Page Not Found

Page not Found

Sign in

Sign in

Sign Up

Sign Up

the-book-shelf's People

Contributors

pskalsi19 avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar

Forkers

jessylelievre

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.