All solutions

What are you most proud of, and what would you do differently next time?

This is an OOP aproach using templates and classes. I would add an abstract class to serve as a listener with its 3 main methods from which the job and the filter state would inherit from.

This is a react like approach with components and listeners written in pure typescript.

What specific areas of your project would you like help with?

I would highly appreciate any comments with my choice to go for an OOP based approach.

What are you most proud of, and what would you do differently next time?

I used the context API on this project combined with a react-router to manage UI state and I think that on such an app I would use the context API again.

What challenges did you encounter, and how did you overcome them?

It took me some time to find a way to change the svg icons according to light-dark mode. Initially i was importing the svg icons as img files and I was not able to change their colors. The solution i came up with was to include the svg script directly to the html.

What specific areas of your project would you like help with?

Any comment on any approach would be much appreciated trying to improve myself and apply best practices.

What are you most proud of, and what would you do differently next time?

• clean App.jsx
• nice component structure
• context API combined with useReducer hook for absolute state management
• custom hook for handling clickout event and Enter key pressed.