Logo
eLibrary (Nintrea)
Back
Next.js TypeScript TailwindCSS Supabase
@eLibrary @Website
4 days ago

eLibrary (Nintrea)

A Khmer-focused digital eLibrary web app for browsing categories, viewing book details, and reading content with a responsive Next.js interface.


โœจ About Project

eLibrary (Nintrea) is a web-based digital reading platform focused on Khmer educational and literary content. It provides structured category browsing, searchable book listings, detailed book pages, and an integrated reader experience in a clean sidebar-driven interface. The project is built with Next.js and modern component patterns to support responsive layouts, reusable UI blocks, and progressive expansion toward a full online library system.

๐Ÿ› ๏ธ Project Tech Stack

  • Core:

    • Next.js
    • React
    • TypeScript
  • UI & Styling:

    • TailwindCSS
    • Shadcn-style UI components
    • Lucide icons
    • Radix primitives
  • Data & Backend Integration:

    • Supabase client setup
    • Database typing for books, authors, genres, members, and loans
    • Structured content models for category and book metadata
  • Features & Utilities:

    • Sidebar navigation with breadcrumbs
    • Category and book listing pages
    • Search inputs and filtering controls
    • PDF reader integration for in-app viewing
    • Loading and transition enhancements

๐ŸŒˆ Project Features

  • Khmer-focused digital library experience
  • Book category browsing and detail views
  • Breadcrumb-based navigation for deep pages
  • Responsive layout for desktop and mobile
  • Integrated PDF reader for online reading
  • Expandable architecture for library data workflows

๐Ÿ’ป Preview

Here is the screenshot preview:

elibrary-nintrea elibrary-nintrea