JY

Project Todo

Tech Stack:

  • Typescript

  • Next

  • NextAuth

  • Mongoose

  • MongoDB

  • React-Beautiful-DnD

  • Bcrypt

  • Jest

  • React Testing Library

A Trello Style App

- This is a project I build to get me familiar with NextAuth and creating a signup/login style dashboard. It's also a project where I used Typescript within Next for the first time.

- I love everything about Trello, so for me the goal was to create a collection of todo lists that could be moved around including the items inside. So you can move one todo item into another collection.

- The drag and drop functionality took a bit of time to solve just because there are a few libraries that one can use. I opted for Beautiful React DnD.

- I used MongoDB to store the username data and the todo list data

- This is very much a work in progress as I need to sort out how responsive it is. I need a seed function for the data too. I can imagine when I host it people will be deleting things left, right and centre!

Back to Projects