---

✨ About Project

eLibrary App is a modern, full-featured digital library website built for educational use and real-world frontend practice. It implements a multi-page architecture with Home, Collection, Authors, Book Details, About, and custom 404 pages. The project combines component-based JavaScript modules, dynamic API-powered content, and optimized media delivery with lazy loading and srcset support. With responsive layouts and dark/light theme persistence, it demonstrates production-oriented UI engineering with maintainable structure and performance-minded implementation.

🛠️ Project Tech Stack

• Core:

  • JavaScript (ES6 Modules)
  • HTML5
  • CSS3
  • Webpack

• UI & Styling:

  • TailwindCSS v4
  • Custom reusable UI components
  • Responsive multi-page layouts
  • Dark/Light mode theme system

• Architecture:

  • Component-based rendering
  • Multi-entry Webpack build setup
  • Page-based templates
  • Modular utility libraries

• Features & Utilities:

  • External API integration (https://api.sophat.top)
  • Global search modal
  • Category filtering and pagination
  • Skeleton loading states
  • Image optimization with srcset, lazy loading, and WebP support

• Development:

  • Webpack Dev Server (HMR)
  • PostCSS
  • Content hashing and code splitting

🌈 Project Features

• Multi-page eLibrary experience
• Book catalog browsing with filtering
• Author listing and author profile pages
• Detailed book page with related recommendations
• Global search modal with real-time interactions
• Dark mode and light mode support
• Accessible semantic structure with ARIA support
• Responsive design across desktop and mobile
• Optimized images and loading skeletons

💻 Preview

Here is the screenshot preview: