Simple To-do app in React

With raw thoughts and intuition

Following up on my previous raw coding article to implement a search box in React, today, I decided to solve a question I came across — to implement a to-do app. Apparently, this was asked in an interview with Apollo(dot)io for a senior front-end role.

It’s night, and I have some laundry to do. The catch for today — I put some clothes into the washing machine, and I must solve this question by the time it's done, which will roughly equate to about ~50 minutes.

Spoiler alert! I took about 7–8 minutes extra to conclude.

Once again, this will be a raw coding session — no lookup on the internet, no MDN docs, and no AI. Pure, manual coding from memory and experience.

This is not a tutorial but a collation of thoughts and ideas that organically emerged as I sat down to solve it on my own. Of course, if you want a tutorial, you could probably ask ChatGPT to give you one!

The To-do Problem

Here’s what I want to implement. A simple todo app with the following features:

1. Add a task to the to-do list.
2. Mark a task as done.
3. Delete a task.