Typography updates, Unified Results Page for Test Results and History Viewing

• Combined the ResultsPage to handle both new test results and historical attempt details
• Removed the separate detail view from HistoryPage - now redirects to ResultsPage with attemptId parameter
• Added URL parameter support (?attemptId=...) for viewing historical attempts
• Fixed React Compiler memoization error in useHistoryStats hook
• Cleaned up unused imports in HistoryPage component
• UI Enhancements: Typography, Framer Motion Animations, Structure refactoring

Minor Fixes

1. Header Navbar style update
2. Fix typingengine bug on desktop
3. Modular file structure, split stuff into subfolders

Big Updates

Fixed

1. Improved mobile and desktop text display behavior

2. Added scroll restoration across views

3. Enhanced input field visibility and accessibility

4. Responsive focus mode adjustments

5. Layout padding and margin inconsistencies

6. Removed confetti animation on high score/baseline

Added

1. Focus mode in stats display
2. Improved responsive layout across components
3. Duplicate word removal for slang and English datasets
4. Better line wrapping logic in TypingArea
5. WPM and accuracy charts in history
6. Performance breakdown by language and mode

use react-router-dom and update result metrics

• Implemented HistoryPage to display user’s typing attempts and performance statistics.
• Created HomePage for typing practice with dynamic passage generation and real-time stats.
• Developed ResultsPage to show detailed results after typing tests, including charts and statistics.
• Added utility functions for calculating results and generating chart data.
• Integrated local storage for saving high scores and user preferences.
• Enhanced UI with responsive design and improved user experience.

• update styling
• add responsivity
• add a credit section

add more settings and results page for slang type

made the typing text logic finally!

added settings modal with theme options and initialized localstorage hook

added phrase generation logic. working on useTypingEngine and also disabled slang option if mode is inf i.e. passage mode. Phrase generation uses tokenized words from an array of text samples in data.json and then parses them and combines them to generate a text of desired length.

Setup the project.