Todos: React, GraphQL and Elixir

Project description

This is my attempt at following Make Programming Fun Again's video series on implementing a React+GraphQL+Elixir Todo Web App. The playlist com be found here.

I'll follow each episode, while making minimal changes to the implementation. After completing the series, I'll add functionalities using the design patterns I'm used to.

Todo

Extras

  • Improve UX for creating and deleting items.
  • Syncing todos between multiple machines, using subscriptions. (Current libs for subscriptions using Phoenix Channels don't support Apollo Client 3.0+. Will find a work around later.)
  • Folders for grouping todos.
  • Simple user registration and authentication.
  • Shareable links for viewing folders.
  • OTP release.
  • Deploy scripts for cloud hosting at GCP.

Author

  • Victor Gaíva

Demo

Sign-up and Login

Sign-up and Login, with form validation and error feedback.

Folders

Creating, renaming and deleting folders.

Items

Creating, editing and deleting items.