Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mannuelf/react-drums
I love coding, music and Native Instruments software + hardware. Built a virtual Drum Machine to play around with all of the above.
https://github.com/mannuelf/react-drums
graphql-server react typescript
Last synced: about 14 hours ago
JSON representation
I love coding, music and Native Instruments software + hardware. Built a virtual Drum Machine to play around with all of the above.
- Host: GitHub
- URL: https://github.com/mannuelf/react-drums
- Owner: mannuelf
- License: mit
- Created: 2020-06-16T20:25:19.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2024-01-11T05:51:41.000Z (about 1 year ago)
- Last Synced: 2024-01-11T08:54:57.985Z (about 1 year ago)
- Topics: graphql-server, react, typescript
- Language: TypeScript
- Homepage: https://react-drum-machine.netlify.app/
- Size: 33.5 MB
- Stars: 5
- Watchers: 1
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# React-drums
[](https://app.netlify.com/sites/react-drum-machine/deploys)
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](pnpm.io/installation)
- [Docker](https://docker.com) (it's for the database)
- [NVM](https://github.com/nvm-sh/nvm)
## Overview
- React + Vite SPA
- Apollo GraphQL server
- Prisma ORM
- Postgresql db using Docker
## Demo
> [www.react-drum-machine.netlify.app](https://react-drum-machine.netlify.app/)
## Getting started
Switch to Node v20
```bash
nvm use
```
Uses [pnpm workspaces](https://pnpmpkg.com/features/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](https://www.prisma.io/docs/orm/overview/databases/sqlite)
### Database with Docker
cd to the server directory and run these commands:
```bash
docker build -t reactdrums-db .
```
start it:
```bash
docker-compose up -d
```
Prisma generate and migrate
```bash
pnpm db:generate
```
```bash
pnpm db:migrate:dev
```
### Client
Install dependencies:
```bash
pnpm install
```
Development
```bash
pnpm dev
```