/yt-graphql-react-event-booking-api

Code for GraphQL + React Event Booking API Series: https://academind.com/learn/node-js/graphql-with-node-react-full-app/

Primary LanguageJavaScript

GraphQL + React Event Booking API

This code belongs to a tutorial series: https://github.com/academind/yt-graphql-react-event-booking-api.git

Usage

Development

You can run this example application inside Docker contaniers. To do that you need:

  • Install Docker.
  • Install Docker-Compose.
  • Install dip.
  • Integrate dip into you shell.
  • Provision backend application: provision.
  • Start Node server: yarn start:dev.
  • Open another terminal and change current directory to frontend.
  • Provision frontend application: provision.
  • Start React server: yarn start.
  • Open in browser https://localhost:3000

Debug

VSCode

  • Create file .vscode/launch.json with below contents:

    {
  // Use IntelliSense to learn about possible attributes.
  // Hover to view descriptions of existing attributes.
  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "attach",
      "name": "Docker: Attach to Node",
      "port": 9229,
      "address": "localhost",
      "localRoot": "${workspaceFolder}/",
      "remoteRoot": "/app/",
      "protocol": "inspector"
    }
  ]
}

  • Run backend application: yarn start:debug.

  • Start debugging.

WebStorm

  • Pick at the menu: Run > Debug... > Add a configuration from the "Attach to Node..js" template.
  • Run backend application: yarn start:debug.
  • Start debugging.