Clumsykeys is a fun and interative typing sim that helps you improve your typing speed and accuracy.
Description 路 Features 路 Key functionality 路 Running locally 路
Clumsykeys is an interactive web interface that helps to improve your typing speed and accuracy. The web-app leverages the high performant capabilities of the Svelte to provide a smooth and responsive experience. The project is implemented in a TypeScript environment and hosted on Vercel.
Link: https://clumsy-keys.vercel.app/
(Soon to be added 馃槉)
Support for the following languages are currently available:
Quotes are randomly generated from the Quotes.json
file.
You will need to have the necessary environment variables setup in your .env
file.
This include keys for your Supabase account, and Stripe account, Github Outh Client, Github Outh Secret.
HOST =
SUPABASE_URL =
SUPABASE_ANON_KEY =
STRIPE_PUBLISHABLE_KEY =
STRIPE_WEBHOOK_KEY =
STRIPE_SECRET_KEY =
GITHUB_CLIENT_ID =
GITHUB_CLIENT_SECRET =
Note: You should not commit your
.env
file or it will expose secrets that will allow others to control access to your authentication provider accounts.
pnpm i
.env
file..env
file with the necessary environment variables.pnpm run dev
Your app template should now be running on localhost:5173.
docker login
docker pull korebhaumik/clumsy-keys.
docker run -env-file .env -p 3000:3000 korebhaumik/clumsy-keys
Note: If the docker image is not available (repo is privated), you can build it locally by running
docker build -t clumsy-keys.
in the root directory of the project.