https://github.com/swamimalode07/ghosttype

GhostType is a sleek and minimalistic typing test app designed to enhance your typing speed and accuracy. It features real-time performance tracking, a user-friendly interface, and an Appwrite-powered leaderboard to compete with others.
https://github.com/swamimalode07/ghosttype

appwrite javascript react tailwindcss website

Last synced: about 1 year ago
JSON representation

GhostType is a sleek and minimalistic typing test app designed to enhance your typing speed and accuracy. It features real-time performance tracking, a user-friendly interface, and an Appwrite-powered leaderboard to compete with others.

• Host: GitHub
• URL: https://github.com/swamimalode07/ghosttype
• Owner: swamimalode07
• License: apache-2.0
• Created: 2025-03-04T07:44:42.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-03-18T07:19:52.000Z (over 1 year ago)
• Last Synced: 2025-03-18T08:28:55.952Z (over 1 year ago)
• Topics: appwrite, javascript, react, tailwindcss, website
• Language: JavaScript
• Homepage: https://ghosttype.swamimalode.online
• Size: 33.6 MB
• Stars: 5
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
  



## GhostType

## 🚀 About GhostType

GhostType is a sleek and modern typing speed test application built with **React, Appwrite, and Vite**. It allows users to test their typing speed, track performance, and compete on a leaderboard.

---

## 🎨 UI Theme

- **Primary Color**:  `#D82934` (Accent, Buttons, Highlights)

- **Borders & Secondary Elements**:  `#5E5E5E`

- **Background**: `#232323` (Dark Mode)

---

## ✨ Features

✅ Real-time typing speed tracking (WPM, Accuracy, Mistakes)  

✅ Sound effects for key presses, deletions, and spacebar  

✅ Auto-generated word sequences for varied tests  

✅ User authentication using **Appwrite**  

✅ Leaderboard system to track high scores  

✅ Fully responsive & accessible design  

---

## 🛠️ Tech Stack

![React](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB)

![Vite](https://img.shields.io/badge/Vite-646CFF?style=for-the-badge&logo=vite&logoColor=white)

![TailwindCSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white)

![Appwrite](https://img.shields.io/badge/Appwrite-F02E65?style=for-the-badge&logo=appwrite&logoColor=white)

![Vercel](https://img.shields.io/badge/Vercel-000000?style=for-the-badge&logo=vercel&logoColor=white)

---

## 🚀 Getting Started

### 1️⃣ Clone the Repository

```bash

 git clone https://github.com/swamimalode/ghost-type.git

 cd ghost-type

```

### 2️⃣ Install Dependencies

```bash

npm install

```

### 3️⃣ Set Up Environment Variables

Create a `.env` file in the root directory and add the following:

```env

VITE_APPWRITE_ENDPOINT=

VITE_APPWRITE_PROJECT_ID=

VITE_APPWRITE_DATABASE_ID=

VITE_APPWRITE_COLLECTION_ID=

```

### 4️⃣ Run the App

```bash

npm run dev

```

The app should now be running at `http://localhost:5173`

---

## 📬 Contact

For any questions or contributions, reach out:

- 🌐 Portfolio: [swamimalode.online](http://swamimalode.online)

- 📧 Email: swamimalodeofficial@gmail.com