Kinsucry/Digital-Library

An open-access digital library web application designed for African university students. Built with HTML5, Tailwind CSS, and JavaScript. # 📚 JEmpire Digital Library **JEmpire Digital Library** is a lightweight, high-performance web platform designed to provide African university and tertiary students (Ghana, Nigeria, and beyond) with seamless access to academic textbooks, course revision notes, research projects, and past examination solutions. --- ## ✨ Key Features * **📖 Comprehensive Study Resources:** Access structured academic materials across Civil Engineering, Computer Science, Law, Mathematics, Medicine, and Business. * **🛡️ Client-Side Canvas Viewer:** Built with **PDF.js** to render document pages directly on an HTML5 ` `, preventing direct download exploits and context-menu right-clicking. * **💧 Dynamic Watermark Overlay:** Automatic dynamic multi-tile watermark generator displaying student metadata, document title, and confidentiality tags over rendered pages. * **💰 Integrated Monetization:** Built-in Adsterra Direct Link integration on download triggers to support platform operating costs. * **🔍 Search & Filter Engine:** Instant keyword search and subject category filtering designed to keep the homepage clutter-free. * **🔑 Student Authentication Modal:** Lightweight client-side session management (`localStorage`) for student login and profile tracking. * **🌐 Open-Access Resource Links:** Curated connections to verified open-access repositories, including OpenStax and MIT OpenCourseWare. --- ## 🛠️ Tech Stack * **Front-End:** HTML5, Tailwind CSS, JavaScript (ES6+) * **PDF Engine:** PDF.js (CDN) * **Hosting & Deployment:** Vercel (Edge CDN) * **Configuration:** `vercel.json` (Clean URLs & CORS headers) --- ## 🚀 Local Development Setup 1. **Clone the Repository:** ```bash git clone github.com cd JEmpire-Digital-Library