My Library is a user-friendly platform built with React and React Router. This project allows users to browse a diverse collection of books, view detailed information about each title, and manage their shopping cart seamlessly. The app dynamically calculates totals, including taxes, providing a smooth shopping experience.
- Interactive Shopping Experience: Add, update, and remove books from the shopping cart effortlessly.
- Dynamic Pricing: Real-time calculation of subtotals, taxes, and total costs.
- Clean Navigation: Integrated navigation bar showing live cart updates for better usability.
- Responsive Design: Optimized for an engaging experience across devices.
- Scalable Architecture: Component-based design for easy enhancements and new feature integrations.
- React: For building the user interface and managing application state.
- React Router DOM: For enabling seamless navigation across pages.
- JavaScript: For implementing dynamic functionality.
- HTML5 & CSS3: For structuring and styling the application.
- Static Data: Book data is imported from a local
data.js
file for demonstration purposes.
- Shopping Cart Management: Real-time calculation of subtotals, taxes, and total costs.
- Dynamic Navigation: Easy navigation across the application.
- Responsive Design: Ensures a seamless experience across various devices.
- Interactive UI: Features clean and intuitive interfaces for a smooth user experience.