Books Vibe - Book Management App

Books Vibe - Book Management App

ReactReact RouterContext APITailwind CSSdaisyUIViteRechartsReact ToastifyReact Tabsreact-icons

Project Overview

Books Vibe is a React-based book management web application designed for book lovers to explore, organize, and track their reading journey through Read Lists and Wishlists with a clean and responsive UI.

Books Vibe acts as a personal digital library assistant that allows users to browse a curated collection of books, view detailed metadata like ratings, publisher, pages, and tags, and organize them into Read and Wishlist categories. It uses Context API for global state management and ensures smooth UI updates without duplication. The app also includes sorting features and data visualization to help users better understand their reading habits.

Gallery image 1
zoom_in
Gallery image 2
zoom_in
Gallery image 3
zoom_in
Gallery image 4
zoom_in

Challenges Faced

Global State Synchronization

Managing Read List and Wishlist consistently across multiple components using Context API without data duplication or sync issues.

Dynamic Sorting System

Implementing multi-criteria sorting (rating, year, pages) with instant UI updates while maintaining performance.

Data Visualization Integration

Integrating Recharts to visually represent reading data in a meaningful and responsive way.

Future Improvements

  • check_circleAdd user authentication for personalized libraries.
  • check_circleIntroduce cloud sync for reading lists across devices.
  • check_circleAdd recommendation engine based on reading history.
  • check_circleEnable book reviews and community ratings.