Slang Type banner

Slang Type

10 devlogs
14h 20m 37s

A modern typing speed test application with support for multiple languages and modes. Test your typing speed with slang or english, across various time challenges and infinite mode.

Demo Repository

Loading README...

1nf1n0t1v3r

Shipped this project!

Hours: 2.23
Cookies: 🍪 62
Multiplier: 27.9 cookies/hr

its not like big update but cleaned up backend and updated ui and typography part

1nf1n0t1v3r

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
Attachment
3

Comments

Cotti
Cotti 18 days ago

awesome, one of the best projects I’ve saw so far GOOD LUCK!

Akshansh
Akshansh 18 days ago

Its a really good project I would prefer this instead of typemonkey

1nf1n0t1v3r
1nf1n0t1v3r 18 days ago

thanks!!! means a lot

1nf1n0t1v3r

Shipped this project!

Hours: 12.11
Cookies: 🍪 320
Multiplier: 26.42 cookies/hr

finally shipped a basic MVP. multiplayer, achievements and account system can be added next.

1nf1n0t1v3r

Minor Fixes

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

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
Attachment
0
1nf1n0t1v3r

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.
0
1nf1n0t1v3r
  • update styling
  • add responsivity
  • add a credit section
Attachment
0
1nf1n0t1v3r

made the typing text logic finally!

Attachment
0
1nf1n0t1v3r

added settings modal with theme options and initialized localstorage hook

Attachment
0
1nf1n0t1v3r

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.

Attachment
0
1nf1n0t1v3r

Setup the project.

Attachment
0