TS Reader
A web-based platform that enables access to additional learning materials from printed books through QR code scanning, including video, audio, PDF, and interactive content.
Project Details
Role
Frontend Developer
Skills & Technologies
Key Highlights
- •QR-based content delivery system for printed educational books
- •Responsive web application built with React.js and Tailwind CSS
- •Content security implementation using VdoCipher, HLS streaming, and controlled PDF rendering
- •CMS/dashboard with content approval workflow and role-based management
- •QR code generation and content linking system
- •Integration with external services for media handling (video and audio processing)
- •Integration with external services for media handling (video and audio processing)
About This Project
TS Reader is a web platform designed to provide additional learning materials for printed school books through QR code access. Each QR code embedded in the book redirects users to a dedicated web page that displays supplementary content such as videos, audio, PDFs, and embedded web content.
The platform is built using React.js and Tailwind CSS to deliver a responsive and user-friendly experience across devices. To protect exclusive educational content, several content security approaches are implemented, including video protection using VdoCipher, audio streaming conversion to HLS format, and controlled PDF rendering using react-pdf.
In addition to the user-facing platform, a CMS/dashboard system was developed to manage content and workflows. The CMS includes features such as content submission and approval, QR code generation, integration with VdoCipher for secure video uploads, audio processing, and management of books and learning materials.
This project focuses on delivering a seamless user experience while ensuring content accessibility and basic protection for digital learning resources.