Slang Type | Typing Test for Gen-Z banner

Slang Type | Typing Test for Gen-Z

18 devlogs
29h 16m 50s

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.

This project uses AI

Used AI mostly for a) SQL entries & some calculation logic fine-tuning b) Dev-logs paraphrasing

Demo Repository

Loading README...

1nf1n0t1v3r

Shipped this project!

Hours: 29.28
Cookies: 🍪 327
Multiplier: 21.87 cookies/hr

added AI integration so now you can generate custom word set.
Also now you can make accounts (needed to use AI and for the planned multiplayer mode) on slang type
The website is redesigned and optimized for performance with a new typing engine

1nf1n0t1v3r

Front end

Unified login page, combine header buttons into a drop- down

AI is now supported natively as a mode instead of handling it differently

Back end

Support for AI mode

Fix api endpoints (platform stats in credits modal doesn’t return unavailable anymore)

Make AI usage requests based instead of token based

Attachment
Attachment
Attachment
Attachment
Attachment
0
1nf1n0t1v3r

Fixed deployment issues and show an “AI Generated” badge on words generated using AI in profile page and the typign area page. Nothing of a big frontend changes but i wanted to document this nevertheless

Attachment
0
1nf1n0t1v3r

Fixed log-in issues & rate-limit AI usage

So basically, the login system and saving the results was taking a lot of time (single SQL entries), used AI to suggest better SQL commands so that’s faster now (or so I hope). Updated credits modal to show platform statistics and also updated the header navigation bar. You can see your AI usage quota on the profile page now [estimated for now]

Attachment
0
1nf1n0t1v3r

Implemented basic login/sign up

Users can now sign up using their email and password [and also set up an username]. I took much help from AI in this as I ran into some errors while setting up the Postresql servers and stuff. Its pretty basic rn - some routes are protected and ai generator and history page only works when you are logged in.

Attachment
Attachment
Attachment
0
1nf1n0t1v3r

Integrate Gemini-API for generating words based on custom theme

Probably the first typing test website to implement this feature. Uses Gemini’s free tier (and gemini-2.5-flash-lite model for now) so its pretty restricted with rate limits and stuff. But i’ll need authentication and accounts before I release this version to prevent abuse.

Attachment
0
1nf1n0t1v3r

New TypingArea Engine & Simplified Results-page Charts

Features

  • TypingArea: faster, smoother animations and transitions; start/resume overlay and a “start here” focus hint; improved auto-scroll to center the active character. [#290d41b]

Fixes

  • Results chart: prevent plotting zero-error points by converting zeros to null (removes visual clutter). [#7598049]

Others (Refactors / Styling / Misc)

  • Simplified and improved results charts and tooltip labels; removed accuracy axis and consolidated WPM lines. [#d55cd8e] [#0e6fb21]
  • Various type-safety and layout refinements across components.
Attachment
Attachment
0
1nf1n0t1v3r

Added new words, fixed padding issues and fixed layouts (Standardised)

Made a custom hook for calculating results and displaying them

Attachment
0
1nf1n0t1v3r

v2.0.0 - Code Mode, History Fixes and UI Uniformity

  • UI refactoring and stuff and stuff
  • add JavaScript phrase generation functionality
  • Localstorage fixes
  • Markdown support in changelog modal
  • Backtracking no longer corrects accuracy (updated adjusted wpm logic too!)
  • Update animations and the controls bar
  • Fix layouts and UI - better animations, spacing etc
Attachment
0
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 2 months ago

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

Akshansh
Akshansh 2 months ago

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

1nf1n0t1v3r
1nf1n0t1v3r 2 months 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

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