issue 22: Text Reading Page

[Janice2024]

issue 22: Text Reading Page

Hi! This is the branch for #issue 22, a page for viewing the long form text output. The long text comes from the curriculum table. Here are the main goals, key features, and notes it includes:

1. Main Goals

(1) User-Friendly Interface

Here we allow users to customize their reading experience according to their preferences, including adjusting text size and background color. A night mode is provided to reduce eye strain in low-light conditions.

(2) Feedback and Support

The reading page supports marking the text shown as finished so that we can track the students' learning progress following the to-do page.

2. Key Functionalities

(1) Scrolling Page

This page is designed for reading the text fetched from the curriculum table in the database.

(2) Night Mode

Multiple background color choices are provided. By clicking the moon button, users can navigate between modes corresponding to the specific background color set. Here we using simple color schemes to keep the focus on the content while ensuring its readability.

(3) Adjustable Font Size

In the setting panel, two buttons with significant size difference indicating the choices for enlarging and decreasing the current font size.

(4) Progress Mark

The reading is part of users' to-dos. To manage the users' progress data, we track if the current text shown on the page is finished or not. At the end of the text, a button named "done" for users to click once they finish reading.

A Sample Page:

3. Note

(1) Navigation to this Page

For original testing purpose, currently this page is navigated from the “eye contact practice” button shown on the personal page. It should be moved to the to-do page and interacts with it. For instance, after users clicking the "done" button, the reading page should mark this action and reflect it on the to-do page.

(2) Next Steps

Depending on the curriculum, more interactive elements such as table of contents should be provided. The setting panel should also be adjusted according to the principle of keeping the reading page clean to avoid distracting.

Let me know if more information or adjustments are needed: yuchenjiang2022@gmail.com. Thanks!