BlueChords

Web application for management of song lyrics stored in ChordPro format

Architecture

Songs

• Each song is described by following attributes:
  • name - name of the song (doesn't have to be unique)
  • content - song text in ChrodPro format
  • createdBy - the user who created a song

Resources

• Hot To GraphQL - React + Apollo
• Apollo GraphQL

Get Started

Install dependencies

Install Nodejs:

curl -sL https://deb.nodesource.com/setup_10.x | sudo bash -
sudo apt install nodejs

Clone the repository:

git clone https://github.com/mnezerka/bluechords.git

Start instance (container) of MongoDB and Prisma:

docker-compose up -d

Install prisma dependencies and deploy data model

export PRISMA_ENDPOINT=http://localhost:4466
cd prisma
prisma deploy

Start GraphQL server locally on your host

export PRISMA_ENDPOINT=http://localhost:4466
cd server
node src/index.js

Check GraphQL server web UI:

Open your browser at http://localhost:4467, see schema (right tab) and start sending queries:

query {
     info
}

Install web app dependencies and start web app:

cd app
npm install
npm start

Check web app:

Open your browser at http://localhost:3000. You shoud see UI of web application connected to GraphQL server.

Implementation

See app for detailed information related to web application.

See server for detailed information related to server.