Book Store
The Book Store platform provides avid readers and administrators a unified, streamlined experience for tracking literature, planning future reading list goals, and reviewing favorite collections. Its emphasis lies in modern aesthetics coupled with lightweight client-side data management for lightning-fast responsiveness.
ReactReact RouterLocal StorageToastifyAPITailwind
Main Tech Stack
- React (Vite) for an ultra-fast, componentized core application architecture.
- Tailwind CSS for quick, utility-first custom-branded typography and layout.
- React Router DOM to enable a seamless Single Page Application (SPA) routing flow.
- Local Storage API to gracefully persist user data directly in the browser.
Key Contributions
- Developed modular book display grids that enable sorting by ratings, publishing year, or title.
- Implemented persistent reading queues and wishlists utilizing standard browser Local Storage APIs.
- Crafted complex form validities and notification feedback via Toastify upon successful CRUD actions.
- Crafted highly elegant and intuitive custom book review modals and dynamic routing sub-views.
Challenges Faced
- Structuring React Context to synchronize the state across multiple deep component trees (Wishlist vs Finished reading status).
- Resolved state syncing difficulties by decoupling logic into customized hooks, significantly cleaner and DRYer.
Future Plans
- Implement a Full MERN (MongoDB, Express, React, Node.js) backend for multi-device user accounts and global persistence.
- Add a smart recommendation engine using a public Books API (e.g., Google Books API) to offer reading recommendations based on user tags.