Slang Type | Typing Test for Gen-Z banner

Slang Type | Typing Test for Gen-Z

21 devlogs
31h 20m

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...

Cunning Cat

Shipped this project!

Hours: 2.02
Cookies: 🍪 62
Multiplier: 25.96 cookies/hr

So basically flavortown is now on an end. I wanted to say goodbye with one of the most favorite projects, Slangtype. I didn’t add much to it because I don’t have time to do personal real-life commitments but I added a new theme. I re-did the typing engine improvements and I also had some sound to it and there are some small but useful UI updates

Cunning Cat

Sound Effects & Attempt Schema Simplification

Added sound effects (key press and error) (thanks to royalty free music) that are played on each key press or error. Results and attempt scheme is simplified (using AI) and stored in a centralized manner to avoid mathematical complexity and discrepancies across site.

Also a few more changes:

  • Now the live metrics bar is bolder and bigger.
  • The Result page has been very simplified, with only four stats in a two-by-two grid instead of cluttering with so much information.
  • There are also some styling updates for components like buttons and modals.
0
Cunning Cat

v0.3.2 Patch (Performance Updates)

Fixes

  • An issue where typing one word wrong would shift the entire sentence and cause all subsequent words to be marked wrong, even if they were typed correctly. [#7b1bd35]
  • Update favicon [#62fbcce]
  • Simplify unncessarily complex words in English set [#44faf1f]
  • Smooth scroll only when the screen is to be scrolled and not for each word typed [#a5e8de5c]
  • Vercel routes and rewrites config
  • Other minor fixes
Attachment
0
Cunning Cat

Fix Typing Engine Logic to Accommodate Word Resync on Space

Thanks to this voter to pointing this out:

…. Also a big thing I noticed – when I press an extra key or miss one (and dont correct it), the whole test after the error gets marked as wrong. In most of the orher tests the error gets discarded after the next word when you hit space and keep typing correct characters. I would say now that this is the most annoying thing but also it probably the only big one differentiating this from other cool typing tests! Preatty cool, thanks!

Typing engine now jumps to the next word (and increases error by 1) if you press space in between typing a word this means even if you type one word incorrectly, it wont shift the entire coming text (and count it as errors) but instead discard it.

0
Cunning Cat

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

Cunning Cat

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
Cunning Cat

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
Cunning Cat

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
Cunning Cat

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
Cunning Cat

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
Cunning Cat

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
Cunning Cat

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

Made a custom hook for calculating results and displaying them

Attachment
0
Cunning Cat

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
Cunning Cat

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

Cunning Cat

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 4 months ago

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

Akshansh
Akshansh 4 months ago

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

Cunning Cat
Cunning Cat 4 months ago

thanks!!! means a lot

Cunning Cat

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.

Cunning Cat

Minor Fixes

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

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
Cunning Cat

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
Cunning Cat

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