ft.bookStore

An Interactive Bookstore application. Build using MERN Stack

Live: https://book-store-furation-tech-assignment.vercel.app/

Features

• Used grid layout for BookListing Page
• BookListing Page is reponsive for all screen-sizes
• Use of UseSearchParams Hook for setting the URL query params
• Retains the filtered data amid the page reloads
• Hashed the password in DB using bycrypt
• Use of Toast over default alert for feedback
• Sorting and Filtering through backend
• Sign-in/Sign-up pages with minimal details to fill

Usage Instruction

1. Starting of the App
• We would land at Home/Landing Page
• Consisting a Navigation-bar at the top
• There is a Carousel component showing various books
• Clicking on the book would redirect to BookListing Page
2. Navigation-bar
• Contain a Search-bar, once search would give the detail info of that book
• Button to Login/Signup/Logout at top-right corner
• Cart icon would let to the CartPage only if Logged-In
3. Filter Books
• Can sort and filter the books accoding to genre, edition and price
• Respective Books are displayed in Grid format
4. Add Books to Cart
• Click on the "Add to Cart" button to add the book to your shopping cart from either bookListing or bookDetails Page
• One book can only to add only once
5. View and Modify Cart
• On the Shopping Cart page, all the books added to your cart
• Can remove the books from cart
• Total amount is displyed on the Order summary panel

Tech Stacks used

• React
• Chakra-UI
• Redux
• react-router-dom
• Express
• MongoDB

Snippets

Backend

Deployed: https://dark-red-bluefish-suit.cyclic.app/

Repo: https://github.com/jagroshansingh/ft.bookStore_Backend