React-drums

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 🥁)

Requirements

• PNPM
• Docker (it's for the database)
• NVM

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