All solutions

The way i structured the filtering caused some blink, because i had to reset the list to its initial state. Any tips on that or anything else is appreciated.

Any feedback will be helpful, the footer was kind of different than the design, i had some trouble trying to make the spacing equal.

Any feedback on how to improve the code will be helpful, it was my first ReactJS project so I was struggling with boilerplate code.

I think the "Active"/"Completed"/"All" filter was a little bit hardcoded and I couldn't think of any idea on how to make the code shorter on that part.

The clip-path is a little bit off, some tips to have it more like the design?

I had some problems with background sizing, the image is a little distorted.