https://github.com/kmneetusingh/library-app
📚 Library-App – A full-stack MERN application to track, rate, and manage your personal library with secure JWT authentication, a clean UI (Tailwind + Framer Motion), and seamless UX. 🛠 Tech Stack: Frontend: React.js, Redux Toolkit, React Router, Tailwind CSS, Framer Motion Backend: Node.js, Express.js, MongoDB, Mongoose, JWT, Bcrypt
https://github.com/kmneetusingh/library-app
bc jwt mongo mongoose react react-router redux-toolkit taildwindcss
Last synced: 3 months ago
JSON representation
📚 Library-App – A full-stack MERN application to track, rate, and manage your personal library with secure JWT authentication, a clean UI (Tailwind + Framer Motion), and seamless UX. 🛠 Tech Stack: Frontend: React.js, Redux Toolkit, React Router, Tailwind CSS, Framer Motion Backend: Node.js, Express.js, MongoDB, Mongoose, JWT, Bcrypt
- Host: GitHub
- URL: https://github.com/kmneetusingh/library-app
- Owner: KmNeetuSingh
- Created: 2025-05-12T15:17:46.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-06-26T14:16:40.000Z (9 months ago)
- Last Synced: 2025-06-26T15:20:49.773Z (9 months ago)
- Topics: bc, jwt, mongo, mongoose, react, react-router, redux-toolkit, taildwindcss
- Language: JavaScript
- Homepage: https://library-app-two-nu.vercel.app
- Size: 45.7 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📚 **My Library**
**Reimagining Personal Reading with MERN Stack Innovation**
**My Library** is a full-stack web application that transforms how readers engage with their books. Built on the **MERN stack (MongoDB, Express.js, React.js, Node.js)**, it enables users to **track progress, rate and review books, and curate personal reading lists**—all within a modern, responsive, and intuitive interface.
---
## 🎥 **Live Demo**
https://github.com/user-attachments/assets/2e1d97d8-9ae3-4ed3-81d0-4fc49f47b3e2
---
## 🚀 **Key Features**
* 🔐 **Secure Authentication** → JWT-powered login ensures data safety
* 📚 **Personal Library** → Add, browse, and organize books
* 📈 **Reading Progress Tracking** → Stay on top of your journey
* 🌟 **Ratings & Reviews** → Share insights and feedback on books
* 🧾 **Personalized Reading List** → Save favorites and future reads
* 💫 **Smooth Animations** → Framer Motion for an engaging UI flow
* 📱 **Mobile-First Design** → Responsive across devices with Tailwind CSS
---
## 💻 **Tech Stack**
### **Frontend**
* React.js
* Redux Toolkit
* React Router DOM
* Tailwind CSS
* Framer Motion
* Axios
### **Backend**
* Node.js
* Express.js
* MongoDB & Mongoose
* JWT Authentication
* bcrypt for password hashing
---
## 📌 **What Makes My Library Stand Out?**
Unlike generic book trackers, **My Library** focuses on **personal empowerment**:
* Secure, tokenized authentication keeps user data safe
* Delightful animations enhance the user journey
* Minimalist yet **developer-scalable architecture**
* Built with real-world eCommerce-style practices, adapted for learning and knowledge sharing
This project is both a **practical tool for readers** and a **tech showcase** for full-stack development.
---
## 🔮 **Future Enhancements**
* 📊 **Analytics Dashboard** → Visualize reading patterns and stats
* 📤 **Social Sharing** → Share book lists and reviews with friends
* 🔍 **Enhanced Discovery** → Smarter search & recommendations
* 📱 **PWA Support** → Take your library offline and on the go
---
## 💡 **Learning Outcomes**
Building **My Library** provided hands-on experience in:
* Designing **secure authentication flows** with JWT
* Crafting **responsive UIs** using Tailwind CSS
* Enhancing UX with **Framer Motion animations**
* Structuring a **scalable MERN stack application**
---
🔥 **My Library = where books meet tech, making reading more interactive, trackable, and fun.**