Velocikey is an online typing test platform designed to measure your typing speed and accuracy. Complete tests to see your words-per-minute (WPM) and typing accuracy in real time, or create an account to track your results and compete with others on the global leaderboard.
- React
- HTML
- CSS
- Javascript
- TailwindCSS
- Firebase
To get a local copy of this project up and running follow the steps listed below
- npm
npm install npm@latest -g
- Clone the repo
git clone https://github.com/finnjacobs99/velocikey.git
- Install project dependencies
npm install
This app uses Firebase as a backend, so you will have to follow these steps for it to work properly
- Navigate to Firebase.com and create an account/sign in
- Create a new Firebase project and register a new web app
- When presented with your Firebase config, create a .env.local file in the root directory and paste the following code with your config values
VITE_FIREBASE_API_KEY="example-apiKey"
VITE_FIREBASE_AUTH_DOMAIN="example-authDomain"
VITE_FIREBASE_PROJECT_ID="example-projectID"
VITE_FIREBASE_STORAGE_BUCKET="example-storageBucket"
VITE_FIREBASE_MESSAGING_SENDER_ID="example-messagingSenderId"
VITE_FIREBASE_APP_ID="example-appId"
- From the Project Overview page, navigate to Authentication > Set up sign-in method > Add new provider > Email and password > Enable
- Follow the same instructions from the previous step, but with the Google provider
- From the Project Overview page, navigate to Cloud Firestore > Create database
Once you've completed all the steps for setup and installation, enter the following command into your terminal to run a local development server
npm run dev
Finn Jacobs - [email protected]
Project Link: https://github.com/finnjacobs99/velocikey