https://github.com/shoyebwritescode/typoverse

TypoVerse is a web application designed to help users test and improve their typing speed and accuracy. It provides an interactive typing test experience where users can see real-time feedback on their typing accuracy, words per minute. The application features dynamic text highlighting for correct and incorrect typing, and includes a timer.
https://github.com/shoyebwritescode/typoverse

alpinejs laravel livewire speedtyping-test

Last synced: 24 days ago
JSON representation

TypoVerse is a web application designed to help users test and improve their typing speed and accuracy. It provides an interactive typing test experience where users can see real-time feedback on their typing accuracy, words per minute. The application features dynamic text highlighting for correct and incorrect typing, and includes a timer.

• Host: GitHub
• URL: https://github.com/shoyebwritescode/typoverse
• Owner: ShoyebWritesCode
• Created: 2024-06-26T12:03:17.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-06-26T12:15:26.000Z (7 months ago)
• Last Synced: 2024-10-31T05:05:07.781Z (2 months ago)
• Topics: alpinejs, laravel, livewire, speedtyping-test
• Language: PHP
• Homepage:
• Size: 94.7 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# TypoVerse

TypoVerse is a modern web application designed to help users improve their typing speed and accuracy through interactive typing tests.

## Features

- Start a typing test and see how fast you can type.

- Measure words per minute (WPM) and accuracy.

- Dynamic text highlighting for correct and incorrect typing.

- Timer to track time remaining.

- Responsive design with modern UI using Tailwind CSS.

## Technologies Used

- **Backend:** PHP (Laravel), Livewire

- **Frontend:** Alpine.js, HTML, CSS (Tailwind CSS)

## Installation

1. Clone the repository: `git clone https://github.com/your-username/TypoVerse.git`

2. Navigate to the project directory: `cd TypoVerse`

3. Install PHP dependencies: `composer install`

4. Install frontend dependencies: `npm install && npm run dev`

5. Serve the application: `php artisan serve`

## Contributing

Contributions are welcome! Fork the repository and submit a pull request.

## License

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