Because every book deserves a space. Stack your stories. Share your shelves.
ReadRack is a beautifully crafted platform for book lovers to explore, manage, and share their personal collections. With intuitive browsing, dynamic charts, and smooth animations, ReadRack brings every shelf to life.
ReadRack is built for readers who want to organize, visualize, and share their reading journey. Whether you're curating your personal library or exploring others’ collections, ReadRack provides a seamless and inspiring experience.
-
📚 Book Management Easily add, browse, and manage your collection with a clean and responsive UI.
-
📊 Interactive Charts Visualize your reading habits and trends using Recharts.
-
🔐 Secure Authentication User login and access control powered by Firebase Authentication.
-
🎨 Smooth Animations Delightful user experience with Framer Motion and Lottie animations.
-
🧠 Dynamic Effects Typewriter text, scroll-based transitions, and responsive interactions.
-
☁️ Cloud Deployment Fast, scalable hosting with Firebase and Vercel.
| Category | Tools & Libraries |
|---|---|
| Frontend | React 19, Vite |
| Styling | Tailwind CSS, DaisyUI |
| Auth/Hosting | Firebase |
| Charts/UI | Recharts, React Icons |
| Animations | Framer Motion, Lottie React |
| UX Enhancements | SweetAlert2 |
| Routing | React Router v7 |
# Core
react
react-dom
react-router
vite
# Styling
tailwindcss
daisyui
# Firebase
firebase
# Charts & Animations
recharts
framer-motion
lottie-react
# UI & UX Enhancements
react-icons
@react-icons/all-files
react-intersection-observer
react-countup
react-simple-typewriter
sweetalert2
# Dev & Utilities
eslint
@vitejs/plugin-react
@types/react
@types/react-dom
axios
date-fns
-
Clone the Repository
git clone https://github.com/your-username/readrack.git cd readrack -
Install Dependencies
npm install
-
Run the App
npm run dev
This project is licensed under the MIT License. Feel free to use, modify, and share — just give credit. 📘