Skip to content

I love coding, music and Native Instruments software + hardware. Built a virtual Drum Machine to play around with all of the above.

License

Notifications You must be signed in to change notification settings

mannuelf/react-drums

Repository files navigation

React-drums

Netlify Status

Love for coding, music and learning new technology in one project, anything goes, I will try anything that seems interesting to this repo.

It is a web version of this (approximation 🥁)

photo

Requirements

Overview

  • React + Vite SPA
  • Apollo GraphQL server
  • Prisma ORM
  • Postgresql db using Docker

Demo

www.react-drum-machine.netlify.app

Getting started

Switch to Node v20

nvm use

Uses pnpm workspaces. Client and Server.

  1. Run server scripts first
  2. Run client scripts second

Server

Ensure Docker is on and start the Postgresql container first.

OR stop now and use SQLITE here

Database with Docker

cd to the server directory and run these commands:

docker build -t reactdrums-db .

start it:

docker-compose up -d

Prisma generate and migrate

pnpm db:generate
pnpm db:migrate:dev

Client

Install dependencies:

pnpm install

Development

pnpm dev

About

I love coding, music and Native Instruments software + hardware. Built a virtual Drum Machine to play around with all of the above.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published