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. 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

  • Dgraph Cloud—a fully managed GraphQL backend service
  • Auth0—Secure access for everyone.

Try it out!

You can preview this app, or…