Todo-app

Todo-appTodo-app

Project Description

A todo management application. It allows users to manage their tasks from a smartphone, tablet and computer. Users can add new todos to the list, mark todos as complete, delete todos from the list, filter by all/active/complete todos, clear all completed todos, and also toggle light and dark mode

Stack:

ReactTypescriptChakra UI

Libraries:

React beautiful DnDFramer Motion

Live:

Live

Design Process

Todo-app
Todo-app

This project was built with React and Typescript, with react libraries such as, Chakra UI, React Context API for app-wide state management, and React DnD for drag and drop functionality.

Challenges

Using Typescript was a major challenge as it was my first project with Typescript. Also, adding the drag and drop function with react dnd posed a little challenge.

Future Improvements

Adding animations to further improve the interactivity and user experience