Todo App with React and SCSS

Hey there 👋

Thanks for taking the time to view my project. As always, any and all feedback is appreciated.

I did not attempt to add the 'drag-and-drop' functionality in this build. I might give it a try at a later stage. 😱

What did you find difficult while building the project?

The most challenging part of the project was the filter as keeping track of the original tasks while only displaying the filtered tasks without making use of two state variables required some research.

Also, this was my first encounter with a 'Dark/Light Mode' toggle, so that also required some research on my end to have the SASS variables predefined.

Which areas of your code are you unsure of?

Generally, my React code is completely open to critique as I'm currently practicing my basic React skills as I learn.

More specifically, defining the color variables for their roles became quite messy in the end. I think a combination of not having the design files and adapting the static layout to allow for the toggle made the structure less streamlined than I'd have liked it to be.

Do you have any questions about best practices?

As mentioned above, as I am currently practicing React, I am still quite new to the framework and I'm unfamilar with best practices so any and all feedback is appreciated. 👍