Code Monkey home page Code Monkey logo

react-talking-drum's Introduction

React Talking Drum

The talking drum is an hourglass-shaped drum from West Africa, whose pitch can be regulated to mimic the tone and prosody of human speech. It has two drumheads connected by leather tension cords, which allow the player to modulate the pitch of the drum by squeezing the cords between their arm and body.

Introduction

React talking drum is a simple talking drum keyboard that plays different talking drum sounds when different keyboard keys are pressed.

Dependencies

This app was bootstrapped using create-react-app

  • React JS - Reactjs is a JavaScript library developed by Facebook for building UI components.

Features

  • Users can play talking drum beats right from their browser with their keyboards

Getting started with the project

  • To run the app locally, have node.js installed
  • Clone the repo git clone https://github.com/DarkSeidNG/react-talking-drum.git
  • Navigate to the react-talking-drum directory
  • Run npm install to install all dependencies
  • Run npm start to run the application
  • To run tests - Run npm test

Contributing to the project

  • Fork this repository to your github account
  • Clone the repository - git clone https://github.com/DarkSeidNG/react-talking-drum.git
  • Create your feature branch - git checkout -b your-branch-name
  • Commit your changes - git commit -m โ€œ[Enter message]โ€œ or git commit for the interactive interface
  • Push to the remote branch - git push origin your-branch-name
  • Open a pull request.

Click this link to visit the hosted app React Talking Drum

I look forward to your pull requests :)

License

MIT License

Author

react-talking-drum's People

Contributors

darkseidng avatar

Watchers

James Cloos avatar Sunkanmi Ijatuyi  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.