Todos App - Nest.js/GraphQL

About:

Todos app is a Fullstack app which allows users to build a list of todos. This app was built and designed as a mobile first app. User's will be able to perform CRUD operations on their list of Todos; add a todo, add a due date for the todo, update the due date, add a completed date, or delete a todo. Authorization and login will be used with JSON Web Token (JWT) authorization.

Checkout the App:

https://afternoon-wave-77442.herokuapp.com/

Planning:

• View user stories on Trello:
  • User Stories
• View the Entity Relationship Diagram for the app:
  • ERD Diagram
• View Wire Diagrams for various pages:
  • Wire Diragrams

List of Technologies Used for Fullstack Project:

• Backend/API:

  • TypeScript
  • Nest.js
  • PostgreSQL
  • TypeORM
  • GraphQL
  • JSON Web Token Authorization

• Frontend

  • React.js
  • TypeScript
  • GraphQL Apollo Client

Screenshots:

Login:

Sign Up:

Home:

History:

Add Todo Modal:

Edit Modal:

Screenshots for Mobile Site:

Login:

Sign Up:

Home:

History:

Add Todo Modal:

Edit Modal: