Add Display and Download Typing Game Data Functionalities

[robbiebusinessacc]

New Features:

• Display Typing Game Data: Users can now view their typing game statistics directly on the website. This feature enhances user experience by providing immediate access to game performance metrics without the need for downloading.

• Download Typing Game Data: Alongside the display functionality, users still have the option to download their game data in CSV format. This feature caters to those who prefer to store or analyze their performance data offline.

Implementation Details:

1. Data Storage and Retrieval: Game data (mode, level, WPM, words, accuracy) is stored in the browser's local storage, allowing persistence across multiple games.

2. Display Functionality: A new button titled "Show Data" has been added. When clicked, it displays the user's game data in a CSV-like format within a designated area on the webpage. This data includes mode, level, words per minute (WPM), total words typed, and accuracy.

3. Download Functionality: Another button titled "Download Data" enables users to download their cumulative game data as a .csv file. This is particularly useful for users who wish to maintain a record of their progress or conduct a more detailed analysis of their performance.

4. User Interface: Both buttons are placed in a fixed position on the page to avoid layout shifts and are styled to match the existing aesthetic of the Colemak Club website. The display area for the CSV data is also styled for clear readability.

Testing:

• The new features have been thoroughly tested across multiple browsers for compatibility and responsiveness.
• Edge cases, such as empty data sets and exceptionally large volumes of data, have been considered and handled gracefully.

Request for Review:

I kindly request a review of these new features. Feedback and suggestions for improvement are most welcome.