typify - type to music

A web-based game where users can practice typing lyrics of their favourite songs, synchronized with Spotify playback.

🌟 Features

• 🔍 Search and select tracks from Spotify
• 🎶 Real-time synchronization with song playback
• 📊 Scoring based on correct characters typed
• 💻 Interactive UI with typing feedback (green for correct, red for incorrect)

🛠️ Technologies Used

• Frontend: React.js, TypeScript
• Backend: Node.js, Express
• API: Spotify Web API
• HTTP Requests: Axios
• Audio: HTML5 Audio API
• Styling: Tailwind CSS

🚀 Getting Started

Follow these steps to run typify locally:

1. Clone the repository:

   git clone https://github.com/your-username/typify.git
   cd typify

2. Install dependencies:

   npm install

3. Set up environment variables: Create a .env file in the root directory with the following:

   REACT_APP_SPOTIFY_CLIENT_ID=your_spotify_client_id
   REACT_APP_BACKEND_URL=http://localhost:3050  # Update with your backend URL
   

4. Start the development server:

   npm start

5. Open your browser: Navigate to http://localhost:3000 to view the app.

🤝 Contributing

We welcome contributions! Please follow these steps:

1. Fork the repository
2. Create a new branch: git checkout -b feature/your-feature-name
3. Make your changes and commit them: git commit -m 'Add some feature'
4. Push to the branch: git push origin feature/your-feature-name
5. Submit a pull request

For major changes, please open an issue first to discuss what you would like to change.

📄 License

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

💖 Acknowledgements

i love monkeytype and i love music