A web graphical interface for organizing and reading PDF files.
Akeno Reader is a graphical interface for organizing and reading PDF files through the browser.
The project was built to solve a personal problem. On my computer, I have several PDF files of mangas, e-books, articles, among others. I would like to have an environment where I can read these files and, at the same time, organize them.
A graphical interface for organizing and reading PDF files through the browser.
The system should be simple, without many technological complexities.
The technologies would be limited to HTML, CSS and JavaScript for the front-end and just PHP on the back-end to meet some needs. This way, the project would easily run on any computer with XAMPP or even USBWebServer. And, as long as the PC is turned on, it can also be accessed on the local network by other devices such as a smartphone or tablet.
NO DATABASE! Instead, PHP will access a directory, read the folders, subfolders, and files, and create an interface based on them. This way, the user (me) would only worry about organizing the files within the directory instead of doing CRUDs for each new PDF. After finishing reading a file, simply mark it as read - this information will be saved in files/read_status.txt.
This way, I could separate entertainment content (such as manga) and study content (such as articles and technical books), and navigate between these libraries easily, quickly and intuitively.
- XAMPP, USBWebServer or a web server configured with PHP.
💬 I personally used NGINX with PHP on Windows.
- Extract the contents to the folder of your web server.
- Create a folder for your content in
files(for exampleMangas) to compose the content type; - Inside the created folder, add a folder for the content, for example
Vagabondand place all your PDF files in this folder and also a file calledcover.jpgto create the cover.
.
├── ...
├── files
│ ├── Mangas
│ │ ├── Vagabond
│ │ ├── cover.jpg
│ │ ├── Chapter 01.pdf
│ │ └── ...
│ ├── Samples
│ │ ├── Berserk
│ │ │ ├── cover.jpg
│ │ │ ├── Sample 01.pdf
│ │ │ └── ...
│ │ ├── Yu-Gi-Oh!
│ │ │ ├── cover.jpg
│ │ │ ├── Sample 01.pdf
│ │ │ └── ...
│ ├── read_status.txt
│ └── ...
└── ...
- If you want to assign specific icons in the navigation for each folder, go to
includes/content.phpand customize the switch case. - Enjoy!
This is a personal project built for your own use. If you are interested, feel free to download it and customize it to your tastes and needs. I will not accept contributions as that would mean adjusting the project to someone else's needs rather than mine.
Distributed under the MIT License. See LICENSE for more information.
Lucas Fraga - ti.lucasfraga@gmail.com