Back to Projects

Shelf Care

Shelf Care is a full-stack online library platform designed to revolutionize how readers discover, borrow, and engage with books. Built with Next.js 14, React, and Tailwind CSS on the frontend, and powered by a Node.js/Express backend with BetterAuth for secure authentication, Shelf Care offers a seamless experience for browsing over 12,400+ titles across 40+ genres. Users can search and filter books, view real-time availability, borrow and return titles with due-date tracking, maintain a personal wishlist, and explore their reading history. Beyond core library functionality, the platform fosters community through themed Reading Clubs, member profiles, and book reviews. With a fully responsive, accessible UI enhanced by Framer Motion animations, dark/light mode support, and optimized performance via SSR and image lazy-loading, Shelf Care delivers a modern, engaging digital library experience—whether you're reading on mobile, tablet, or desktop. 📚✨

Full Stack

Shelf Care

Find Your Next Read

Technologies

JavaScript
React
Next.js
Node.js
MongoDB
Express
Tailwind
BetterAuth
Vercel
JWT

Key Features

  • User Authentication
  • Secure sign-up & login with BetterAuth
  • Book Management
  • Advanced search & filtering by title, author, category
  • Book details page with availability status & copy count
  • Borrow & Return System: Track borrowed books with due dates
  • Wishlist: Save books to read later
  • Fully responsive design (Mobile • Tablet • Desktop)
  • Dark/Light mode support
  • Server-side rendering (SSR) & Static generation (SSG)
  • API route caching for faster responses
  • Lazy loading for book lists & covers