Skip to content

rockyroed/bpm-counter

Repository files navigation

BPM Counter

This project is a simple BPM (Beats Per Minute) Counter implemented using React and Vite frameworks. It allows users to calculate the BPM by clicking a button and displays the BPM value in real-time.

BPM Counter Screenshot

Features

  • Click the button to start measuring the BPM.
  • Calculates the BPM based on the time intervals between clicks.
  • Displays both the exact BPM, the rounded BPM values, and the click count.
  • Reset button to clear the BPM data and start over.
  • Save button to save the BPM data to a text file.

Technologies Used

  • React
  • Vite
  • FontAwesome for icons

Getting Started

Prerequisites

  • Node.js and npm (or yarn) installed on your machine.

Installation

  1. Clone the repository:
git clone https://github.com/your-username/bpm-counter.git
  1. Navigate to the project directory:
cd bpm-counter
  1. Install dependencies:
npm install
# or
yarn

Usage

  1. Start the development server:
npm run dev
# or
yarn dev
  1. Open your browser and go to http://localhost:3000 to view the BPM Counter app.

  2. Click the button to start measuring the BPM. The BPM value will be displayed in real-time.

  3. Use the reset button to clear the BPM data and start over.

  4. Use the save button to save the BPM data to a text file.

About

A simple BPM counter app using React + Vite.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published