Skip to content

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.

Notifications You must be signed in to change notification settings

PsKalsi19/The-Book-Shelf

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages