Sample Apps

Todo App

To-Do is a sample app that lets users manage the tasks on their personal to-do list. This app demonstrates how to use React hooks with an Apollo client to easily create, read, update, and delete to-do list items. Deploying this app on Slash GraphQL deploys both the back-end database service and a front-end React app in a single click, no credit card required. The repo for this app can be found on GitHub at dgraph-io/graphql-sample-apps/todo-app-react

Features

  • Add a new task
  • Update an existing task to mark tasks completed
  • Delete existing tasks

Front-end

  • React (3.4.0)—a JavaScript library for building user interfaces.
  • Mobx— MobX is a battle tested library that makes state management simple and scalable by transparently applying functional reactive programming (TFRP).
  • Apollo Client (2.6.8)—a comprehensive state management library for JavaScript that enables you to manage both local and remote data with GraphQL.
  • ToDoMVC app CSS—CSS for a ToDo App
  • React Router—a collection of navigational components
  • clipboard.js—a modern approach to copy text to clipboard
  • history—lets you easily manage session history

Back-end

  • Slash GraphQL—a fully managed GraphQL backend service
  • Auth0—Secure access for everyone.
Deploy on Slash GraphQL
Deploy on Slash GraphQL