TAPIN

Built with

• Frontend: React, Firebase-Auth, React-Bootstrap, Axios & React-Icons
• Backend: Node, Express, Mongoose & JWT

Demo

Live_Link      |       Backend_Code

Features

• Create account or Login as a User
• Join one minute typing speed test and a random passage from backend will apprear to user
• Watch result after test in WPM(Word Per Minute), CPM(Character Per Minute) & Accuracy
• Appeared random passage is actually selected from some predefined passages in backend API
• Login as an admin
• Admin can add new passage in backend API which might appear as a random passage in test to user

Build Setup

Frontend Server

# install dependencies
npm install 

# start server
npm start

# build for production 
npm run build

# serve in production mode 
npm run preview

Backend Server

# install dependencies
npm install 

# start server
npm start

# start in development mode
npm run dev

Deployment

• Frontend: Vercel
• Backend: Cyclic

Due to Vercel and Cyclic's internal system of free tier, first request on app or backend API may take longer time than the usual, even upto a minute. So, please consider the issue and wait till the Cyclic/Vercel server wakes up or reload in case of the first front-end connection freezing/backend connection freezing happens. Thank you