Installation

Run project

  npm install

  npm run dev

Docker

docker build -t ledun/storyboard-app:latest
docker push ledun/storyboard-app:latest
docker-compose up -d

Env file

VITE_API_URL = your_api_url

Demo

Live Demo: http://78.111.111.77:4173/

Local Host: http://localhost:5173/

Svelte & GraphQL Storyboard CRUD API

API Usage

Get All Story Boards

  export const GET_ALL_STORYBOARDS = `
  query {
    storyboards {
      nodes {
        id
        title
        description
        createdAt
        updatedAt
      }
    }
  }
`;

Parametre	Tip
id	ID!
title	String
description	String
status	String
tags	String

Get Story Board

  query($id: Int!) {
    storyboard(id: $id) {
      id
      title
      description
    }
  }
`;

Parametre	Tip
id	ID!

Total Count

   query {
  storyboards {
    totalCount
    nodes {
      id
      title
      description
      createdAt
      updatedAt
    }
  }
}
`;

Create Story Board

   mutation CreateStoryboard($storyboard: StoryboardInput!) {
  createStoryboard(input: { storyboard: $storyboard }) {
    storyboard {
      id
      title
      description
      status
      tags
    }
  }
}
`;

Parametre	Tip
id	ID!
title	String!
description	String!
status	String!
tags	String!

Delete Story Board

  mutation DeleteStoryboard($input: DeleteStoryboardInput!) {
  deleteStoryboard(input: $input) {
    storyboard {
      id
    }
  }
}
`;

Parametre	Tip
id	ID!

Update Story Board

 mutation UpdateStoryboard($input: UpdateStoryboardInput!) {
  updateStoryboard(input: $input) {
    storyboard {
      id
      title
      description
    }
  }
}
`;

Parametre	Tip
id	ID!
title	String!
description	String!
status	String!
tags	String!

Links

https://github.com/TarikSogukpinar/storyboard-app

https://hub.docker.com/repository/docker/ledun/storyboard-app/general

https://www.graphile.org/postgraphile/

https://graphql.org/