Skip to content

MonkeyType inspired typing test app built with React, shadcn, and Zustand at it's core.

Notifications You must be signed in to change notification settings

frstycodes/typelabs

Repository files navigation

TypeLabs

A modern, customizable typing application inspired by monkeytype built with React, TypeScript, and Vite. Practice your typing skills with a beautiful interface and extensive theme customization.

Features

  • 🎨 160+ Built-in themes
  • 🎵 Spotify integration for music playback
  • ⚡️ Fast and responsive typing experience
  • ⌨️ Keyboard shortcuts support
  • Sound effects and volume controls
  • 🎯 Custom font support
  • 📱 Responsive design

Tech Stack

  • React 18
  • TypeScript
  • Vite
  • Tailwind CSS
  • Zustand (State Management)
  • React Query
  • Radix UI Components
  • Spotify Web API

Getting Started

Installation

  1. Clone the repository:
git clone /~https://github.com/frstycodes/typelabs.git
cd typelabs
  1. Install dependencies:
bun install
  1. Create a .env file in the root directory with your Spotify API credentials:
VITE_SPOTIFY_CLIENT_ID=your_client_id
  1. Start the development server:
bun run dev

Building for Production

To create a production build:

bun run build

Project Structure

typelabs/
├── src/
│   ├── components/    # React components
│   ├── hooks/         # Custom React hooks
│   ├── state/         # Zustand store and state management
│   ├── styles/        # Theme definitions and global styles
│   ├── utils/         # Utility functions
│   └── config/        # Configuration files
├── public/            # Static assets

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

  1. Fork the repository
  2. Create your feature branch (git checkout -b feat/AmazingFeature)
  3. Commit your changes (git commit -m 'Add some AmazingFeature')
  4. Push to the branch (git push origin feat/AmazingFeature)
  5. Open a Pull Request

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

About

MonkeyType inspired typing test app built with React, shadcn, and Zustand at it's core.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages