Ever wanted to read it like a book? Well now you can! Almost... This project is still in development, however an alpha version is available for viewing here.
So what is Read It Like A Book?
As the name suggests, Read It Like A Book will allow users to read any kind of content like a book! With features like simulated page layouts, page turning sounds, various font styles and other cool styling options, Read It Like A Book will surely turn any readable content into a page turner.
Challenges with simulated books
There are two main ways to read it like a book: Paste your
text, or upload a file.
The challenge comes from creating the actual book page. One of
the core features proposed in this project is the
functionality of customizing your book reading experience. The
idea here is that the user is able to change the colour of the
background of the page, or the font style or colour or even
font size.
To do this I am learning how to use the canvas element
with all of the glory that comes with it. The canvas element
in itself is pretty straightforward, it is just the aspect of
applying the styles.
Want to see under the hood?
This project is comprised of an Angular (Typescript) frontend
at the moment. In the coming days there will be a Node JS
backend, connected to a SQL database on Microsoft Azure.
Check out the Github repository
here