To Do:

---

To Do:

• Improve Dialog JavaScript
• Anti Spam in feedback form or a check if there is anything in the text form
• Make A button to activate/disable JS
• Make the stream view dynamic — generate the list of chapters from an array/object.
• Hook up language switching properly — so you can switch languages while staying on the same view.
• Start styling — unify the layout, maybe pull in a CSS reset or add themes?
• Implement i18n in the stream view — so translations load dynamically like the home view.

---

Ideas:

• - Add a "new" badge to recently uploaded chapters/books:
  • - Display a "new" label next to chapters uploaded within the last 7 days.
  • - Automatically remove the "new" label after the specified time period.
  • - Use JavaScript to calculate the upload date and dynamically update the label.
• Automatic timestamp saver:
  • - Save the current timestamp of video of not finished.
  • - Use JavaScript to retrieve and display the saved timestamp.
  • - Implement a "resume" button to continue from the saved timestamp.
  • - Store the timestamp in local storage or a database.
  • - Provide an option to clear the saved timestamp.
  • - Ensure compatibility with different browsers.
  • - Test the feature on various devices.
  • - Provide user feedback on successful saving and resuming.
  • - Consider adding a "bookmark" feature for easy access to specific chapters.
  • - Ensure the feature is user-friendly and intuitive.
  • - Test the feature with different video formats and platforms.
• - Add a "continue watching" button:
  • - Implement a button that allows users to continue watching from where they left off.
  • - Use JavaScript to track the user's progress and display the button when applicable.
  • - Ensure the button is easily accessible and visually appealing.
• - Add a "Play/Continue Watching" button:
  • - Display a "Play" button for the first chapter when no progress is saved.
  • - Change the button to "Continue Watching" if the user has previously started the chapter.
  • - Use JavaScript to check for saved progress in local storage or a database.
  • - Implement functionality to resume from the saved timestamp when "Continue Watching" is clicked.
  • - Ensure the button dynamically updates based on the user's progress.

---

Debugging Changes:

quick info about this: this was made by me a long time ago and came in quite useful so I thought in bringing it back and improve it.

• Dev Configuration:
  • - Add a configuration button to the debug menu
    • - Create a button labeled "Configuration" in the debug menu.
    • - When clicked, display a modal or dropdown menu with configuration options.
    • - Include options such as:
      • Toggle debug indicators on/off.
      • Change debug menu position (fixed, absolute, etc.).
      • Customize debug menu colors (background, text, etc.).
      • Enable/disable specific debug features.
    • - Save configuration settings in local storage for persistence.
    • - Add a "Reset to Default" button to restore default settings.
• - Dynamic; js added Debug button, js added debug content.
• - Fix minor indicator bug, where you press the indicator and it stays red

---

Q&Q: or Q&A. Q&Q for Question and Question because it's questions and more questions, It wasn't meant to really answer..

• What do other websites consist of for storing data for front end.
  • - Most websites use a combination of local storage, session storage, and cookies to store data on the front end.
  • - Some websites also use IndexedDB for more complex data storage needs.
  • - Additionally, many websites utilize APIs to fetch and store data on the server side.
  • - Some websites may also use third-party services like Firebase or AWS Amplify for data storage and management.