
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:
