KeyLabs - GitLite

KO | EN

gitlite — search

#ai #typescript #golang #go #machine-learning #rust #deep-learning #macos #awesome #cli #kubernetes #vue #awesome-list #mcp

KeyLabs

(★ 14)

Remastered version of KeyLabs! (WIP)

KeyLabs 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# KeyLabs

This repository hosts the in progress codebase for [KeyLabs](https://github.com/tulza/KeyLabs) V2! <br/>

KeyLabs is an online game inspired by typing tests such as [MonkeyType](https://monkeytype.com/) and [TypeRacer](https://play.typeracer.com/) and aiming games such as [AimLabs](https://aimlabs.com/) and [Aimbooster](https://www.aimbooster.com/). <br/>

Originally KeyLabs was developed during the Terrible Ideas Hackathon, where we managed to score second place, however due to the lack of time, some features were unpolished / uncompleted and needed major refactoring. Hence KeyLabs V2.

| Developer | Github                           |
| --------- | -------------------------------- |
| Tulza     | [here](https://github.com/Tulza) |
| Antga     | [here](https://github.com/AntGa) |

### Technologies:

<div align="center">
    
    <img src="https://img.shields.io/badge/next%20js-000000?style=for-the-badge&logo=nextdotjs&logoColor=white"/>
    
    <img src="https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB"/>
    
    <img src="https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white"/>
    
    <img src="https://img.shields.io/badge/Framer_Motion-black?style=for-the-badge&logo=framer&logoColor=blue"/>
    
    <img src="https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white"/>
</div>

<div align="center">
    
    <img src="https://img.shields.io/badge/PostgreSQL-316192?style=for-the-badge&logo=postgresql&logoColor=white"/>
    
    <img src="https://img.shields.io/badge/Supabase-181818?style=for-the-badge&logo=supabase&logoColor=3ecf8e"/>
    
    <img src="https://img.shields.io/badge/Prisma-3982CE?style=for-the-badge&logo=Prisma&logoColor=white"/>
    
    <img src="https://img.shields.io/badge/Zod-000000?style=for-the-badge&logo=zod&logoColor=3068B7"/>
    
    <img src="https://img.shields.io/badge/tanstack_query-FF4154?style=for-the-badge&logo=reactquery&logoColor=ffffff"/>
    
    <img src="https://img.shields.io/badge/Zustand-884662?style=for-the-badge"/>
</div>

<div align="center">
    
    <img src="https://img.shields.io/badge/Cron-FFFFFF?&style=for-the-badge">
     
    <img src="https://img.shields.io/badge/Resend-FFFFFF?&style=for-the-badge">
    
    <img src="https://img.shields.io/badge/Ant_Auth-8A2BE2?style=for-the-badge"/>
    
    <img src="https://img.shields.io/badge/Argon2-6A0BE2?style=for-the-badge"/>
    
    <img src="https://img.shields.io/badge/Oslo-000?style=for-the-badge"/>
    
    <img src="https://img.shields.io/badge/Google_OAuth-fff?style=for-the-badge&logo=google&logoColor=black"/>
      
    <img src="https://img.shields.io/badge/redis-%23DD0031.svg?&style=for-the-badge&logo=redis&logoColor=white">
</div>

<div align="center">
    
    <img src="https://img.shields.io/badge/Docker-2CA5E0?style=for-the-badge&logo=docker&logoColor=white">
    
    <img src="https://img.shields.io/badge/GitHub_Actions-2088FF?style=for-the-badge&logo=github-actions&logoColor=white">
    
    <img src="https://img.shields.io/badge/Google_Cloud-4285F4?style=for-the-badge&logo=google-cloud&logoColor=white">
    
    <img src="https://img.shields.io/badge/Pork_Bun-EF7878?style=for-the-badge&logo=porkbun&logoColor=white">
  
     
</div>
<div align="center">
    
    <img src="https://img.shields.io/badge/pnpm-CB3837?style=for-the-badge&logo=npm&logoColor=white"/>
    
    <img src="https://img.shields.io/badge/Node%20js-339933?style=for-the-badge&logo=nodedotjs&logoColor=white"/>
    
    <img src="https://img.shields.io/badge/Figma-F24E1E?style=for-the-badge&logo=figma&logoColor=white"/>
    
    <img src="https://img.shields.io/badge/prettier-1A2C34?style=for-the-badge&logo=prettier&logoColor=F7BA3E"/>
</div>

## Running the project

cloning the project

```bash
git clone https://github.com/RuffByte/KeyLabs.git
```

change directory to the project then install dependencies

```bash
cd .\KeyLabs\
pnpm install
```

Create the .env file then update the values,

```env
cp .env-example .env
```

run development server

```bash
pnpm run dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result!

---

<br/>
<div align="center">
  <img src="public\assets\images\icon-image.png"/>
</div>