https://github.com/roadrunner21/react-ts-beatclicker
Beatclicker is a music game where tap to a hidden beat in time with the desired BPM. Built with React, Redux, and Material-UI.
https://github.com/roadrunner21/react-ts-beatclicker
chartjs game javascript material-ui music react react-router redux rhythm typescript
Last synced: 8 months ago
JSON representation
Beatclicker is a music game where tap to a hidden beat in time with the desired BPM. Built with React, Redux, and Material-UI.
- Host: GitHub
- URL: https://github.com/roadrunner21/react-ts-beatclicker
- Owner: roadrunner21
- License: other
- Created: 2022-11-30T16:46:21.000Z (almost 3 years ago)
- Default Branch: develop
- Last Pushed: 2023-01-12T13:46:20.000Z (almost 3 years ago)
- Last Synced: 2025-01-13T22:48:00.373Z (9 months ago)
- Topics: chartjs, game, javascript, material-ui, music, react, react-router, redux, rhythm, typescript
- Language: TypeScript
- Homepage: https://beatclicker.com
- Size: 5.97 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Beatclicker
A music game where you have to tap a hidden beat in time with the desired BPM.
Check out the preview at https://beatclicker.com.
## Table of Contents
- [Getting Started](#getting-started)
- [Prerequisites](#prerequisites)
- [Installation](#installation)
- [Usage](#usage)
- [Deployment](#deployment)
- [Built With](#built-with)
- [License](#license)
## Getting Started
These instructions will get you a copy of the project up and running on your local machine for development and testing
purposes. See deployment for notes on how to deploy the project on a live system.
### Prerequisites
- [Node.js](https://nodejs.org/en/)
- [npm](https://www.npmjs.com/) (comes with Node.js)
### Installation
1. Clone the repository
```bash
git clone https://github.com/your-username/beatclicker.git
```
2. Install the dependencies
```bash
npm install
```
## Usage
1. Start the development server
```bash
npm start
```
2. Open [http://localhost:3000](http://localhost:3000) in your browser to view the app.
## Deployment
To deploy the app to [GitHub Pages](https://pages.github.com/), run the following command:
```bash
npm run deploy
```
## Built With
- [create-react-app](https://create-react-app.dev/)
- [@emotion/react](https://emotion.sh/docs/react)
- [@emotion/styled](https://emotion.sh/docs/styled)
- [@fontsource/roboto](https://fontsource.com/fonts/roboto)
- [@mui/icons-material](https://material-ui.com/components/material-icons/)
- [@mui/material](https://material-ui.com/)
- [@reduxjs/toolkit](https://redux-toolkit.js.org/)
- [@testing-library/jest-dom](https://testing-library.com/docs/ecosystem-jest-dom)
- [@testing-library/react](https://testing-library.com/docs/react-testing-library/intro)
- [@testing-library/user-event](https://testing-library.com/docs/ecosystem-user-event)
- [chart.js](https://www.chartjs.org/)
- [moment](https://momentjs.com/)
- [react](https://reactjs.org/)
- [react-chartjs-2](https://www.npmjs.com/package/react-chartjs-2)
- [react-dom](https://reactjs.org/docs/react-dom.html)
- [react-redux](https://react-redux.js.org/)
- [react-router-dom](https://reactrouter.com/web/guides/quick-start)
## License
This project is licensed under the CC-BY-NC-ND-4.0 License - see the [LICENSE](LICENSE) file for details.