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.
- 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
- Frontend: React, React Router
- Styling: CSS
- Icons: FontAwesome
- Routing: React Router DOM
- State Management: React
useStateand props drilling
(will update soon....)
- 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
(will update soon...)