NanoBeats is my final project of the Web-Development bootcamp at neuefische. On this application you can play various samples on a Drum Rack, play on a Keyboard or create your own beats on a Sequencer. You can record your beats of the DrumMachine and listen to them on the recording page. In the settings you can change the colors and the samples of your Drum Rack.
NanoBeats-Preview.mov
Visit the latest version of NanoBeats!
- React
- React Router
- React Testing Library / Jest
- Zustand
- Tone.js
- Storybook
- Framer Motion
- styled components
First clone the Project with:
git clone git@github.com:FaGru/capstone-project.git
Then go to the project folder:
cd capstone-project
Install all dependencies:
npm install
Run the Localhost:
npm start
Open Storybook:
npm run storybook
Run the Tests:
npm test