/Type.

Typing game to test reaction time

Primary LanguageJavaScript

Type.

Type. is a reaction-time based typing game where users can score by typing characters as fast as they can in a short time frame.

The frontend uses modern React (Hooks and Context API) and manages global state.

The backend uses serverless functions served on Netlify and uses Airtable as a database.

Deployed site

Packages used

  1. dotenv (for storing private credentials)
  2. React Router (for routing)
  3. Styled Components (for styling)
  4. Auth0 (for authorization)
  5. JSON Web Tokens (for authentication)
  6. Airtable (for database)
  7. Netlify (for continuous integration of funnctions and application)

Running Locally

At the root of the project, you should have a .env.sample to show the structure of the .env file

AIRTABLE_API_KEY=
AIRTABLE_BASE=
AIRTABLE_TABLE=

AUTH0_KEY_ID=
AUTH0_DOMAIN=

Create and fill the .env file in with the appropriate data and run using netlify dev

Screenshots

Home

Home

Login/Sign Up

Login/Sign Up

Game

Game

Game Over

Game Over

High Scores

High Scores

Dark Mode

Dark Mode