Charlie Taminian's Logo

todo list

The todo list app design showing on a desktop machine

Simple, modern, elegant!

A sleek and modern looking todo list built with React. Add, mark and delete todos as you please and keep track of your daily tasks.

Key features include the use of the new React Context API (a built-in replacement solution for Redux) and React Fragments. The todo list data is fetched from a custom RESTful API built with Node and Express which stores the data using a MongoDB database.

DEMO LINK

Technologies:

- React

- Express

- Node

- MongoDB

The todo list app design showing on a mobile device

Mobile Responsive

The app was designed from the ground up with a mobile-first approach, making sure it looks beautiful on all mobile devices.

In order to achieve consistency across all devices, all titles, text and buttons had to be carefully managed to make sure everything is readable and comfortably pressable.