loanr/typetime

⌨️ Vue.js typing game.

typetime's Issues

Difficulty rules and handle occultist mode case

Difficulty depends on word selection.
Word frequency, length and special chars.

Trying gh-pages

Animate landing title

Shuffle specific letters and organising js structure.

End game screen shows difficulty in a phrase

Each level needs a countdown following specific rules

• Level 1: 5 words at 30 words per minute => 2 seconds per word - 10secs
• Level 2: 6 words at 31 words per minute => 1.935🍌 seconds per word - 11.61 secs
• etc.

2 seconds per word... level 1 is already hard for me, kind of unplayable game... we'll see.

gh-page landing empty

Strange behaviour with gh-page default url.
Simple fix would be a redirection from https://loanr.github.io/Typetime-front/ to home router link.

Page 404

Refacto & architecture

Smooth transition between screens landing - prepare - game AND about route

Vue router install and config

Display combo and points bonus malus during game

Check if difficulty starts with vowel or counsel for "As a" or "As an"

Stylesheet in SCSS

Using webpack pre-processor to use SCSS

Style enhancements

• word letter to type cursor blinks
• while modifier list is being created, v-else with four empty buttons
• stylize score screen

Rematch button should reset game modifiers

Waiting screen at game launch to let user prepare

Share button component for labels

Used for game modifiers.

Add description of modifiers and difficulties

'exclusive' checked modifiers should uncheck other 'exclusive' modifiers

Game mode with accents as in `words?sp=*è*`

May be time to remake filter words.
I mean sorting by frequency feels less efficient for the user, length probably better.

Emergency word added should never be at the end of array.

There's still the case of the filter returning not any words.

Sound to signal new level launched

Manage modifier components communication

Toggled modifiers should reveal their state.

Game rules from array to key-value min max

Fireball sound too small to be seen by webpack

Empty modifiers while waiting request returns

Empty v-else?
or
update data in checkboxes?

Ajax call CORS error

Blocage d’une requête multiorigines (Cross-Origin Request) : la politique « Same Origin » ne permet pas de consulter la ressource distante située sur https://api.datamuse.com/words?ml=vache. Raison : l’en-tête CORS « Access-Control-Allow-Origin » ne correspond pas à « http://localhost:8080 ».

Seems 8080 is somewhere on prod...

Will require many tests and deployments...

Transition screen message between levels

Spinner gives you "discouragement".
"i've seen better"
"you're not exactly fast, are you?"
"I'm sure you're unable to read this phrase because blahblah"
Things like that, maybe.

Text shouldn't be under spinner.

Sound implementation

• On each good word
• On type error
• During countdown
• At game over
• during transition / game start

Wrap (responsive) modifier buttons in a beautiful way

Better transition between checkboxes description

Insure words to type count corresponds to level

If not, call for another query.

Socials on score screen to publish score with pre-filled quote

Ghpages deployment problem

Build done on docs folder.

Ghpage deployed search for repo_name/repo_name/static so need to change root. But when I do, get is done on [nothing]/static which is not good either because Ghpage is still on repo_name/

Need more info.

Probability of uppercase in game rules

Visual indicator near time end

'starts' button should request a list of words via an api

Score bonus malus animation

When value change.

Base stylesheet structure

Groundwork to make use of some scss variables.

Reorganise routes

Separation and devtool usage.

End game screen with score when user loses

Remedy bad letter animation

Test lead:
Double every letter, one which shows, and animate transition between show / !show with enter/leave vuejs.

Create button component

Modifiers implementation, random words, random query types, difficulty, etc.

Four random modifiers:
espagnol | random word | lexical field | rhyme | phonetic | french | ...

Four difficulties:

• economic - keep unspent time between words (no time bonus score)
• exponential - more and more unfrequent, long, special chars... (automatically better score, maybe more multiplier)
• slower - start with a smaller words per minute ratio (smaller multiplier)
• no break - no preparation time between levels (better level score multiplier)

=> modifiers are no longer 'exclusive' but can share a same value -> modifiers with same value are unchecked.

Score calculator according to letters, combo, level...

• List of letters according to frequency and difficulty to type gives base score for each typed letter.
• A certain number of correct typed letters gives you combo.
• Each level adds to the combo and give you a multiplier for base score letter.
• A typing error remove points WITH last multiplier THEN combo is reset.

'start' button should change UI

Handle error cases thrown from fetch

Migrate all Vue data in root of app under data dict

Reorganise and spread ajax calls

Ajax calls should be done in advance except at launch (ajax during preparation screen).

Between each levels the query uses the last selected word and the query modifier if selected at game start.

Launched game should wait for the player to type word letters

Reset h1 title on hover