Skip to content

A modern, responsive bookstore built with React. Browse and sort books, view detailed product pages, and manage a fully interactive shopping cart with real-time pricing, tax calculation, and quantity updates. Designed with clean UI patterns and loading skeletons for a smooth user experience.

Notifications You must be signed in to change notification settings

powerup33/library-react-mod5

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

19 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ“š Online Bookstore (React)

A fully functional online bookstore built with React. Users can browse books, sort by price or rating, view detailed book pages, add items to a cart, adjust quantities, and see real-time subtotal, tax, and total calculations. The app also includes loading skeletons, a responsive navigation menu, and dynamic cart updates.


πŸš€ Features

  • Browse all available books with clean card layout
  • Sort books by Price (Low β†’ High, High β†’ Low) or Rating
  • View individual book pages with detailed descriptions and ratings
  • Add books to a shopping cart
  • Adjust quantity of items in cart
  • Real-time price calculations: subtotal, tax (7.5%), and total
  • Remove books from the cart
  • Loading skeletons for faster perceived load times
  • Responsive navigation for mobile and desktop devices

πŸ› οΈ Tech Stack

  • Frontend: React, React Router
  • Styling: CSS
  • Icons: FontAwesome
  • Routing: React Router DOM
  • State Management: React useState and props drilling

πŸ“Έ Screenshots

(will update soon....)


πŸ’‘ Notes

  • Cart updates dynamically without refreshing the page
  • Quantity inputs are controlled inputs, preventing invalid numbers
  • Total, subtotal, and tax are calculated live using JavaScript
  • The app is fully responsive and mobile-friendly

πŸ”— Live Demo

(will update soon...)


About

A modern, responsive bookstore built with React. Browse and sort books, view detailed product pages, and manage a fully interactive shopping cart with real-time pricing, tax calculation, and quantity updates. Designed with clean UI patterns and loading skeletons for a smooth user experience.

Topics

Resources

Stars

Watchers

Forks