
Kanban app with react and redux (using local storage)
Design comparison
Solution retrospective
This guru challenge was definitely the most challenging app that I have ever developed on front end mentor. At first, I believed that I was going be challenged but not to the extent that this app had in store for me. I was banging my head against the wall with some of the dialog's/modals, especially with the functionality of dynamically adding new <input/>
elements onto the dialog/modal. I kept getting compile errors that I haven't seen before, and some of these errors made no sense to me. I could've used firebase for the back-end, but I thought that using the local storage would prove a bit more challenging.. and I was right! The way that I engineered the app was that all the board, columns, tasks and subtasks were part of an array of objects that I stored onto the local storage. So, every time I wanted to update a task or subtask for a particular board, I had to iterate through the entire array of objects just to find that particular task. This was extremely tedious, and in hindsight, I think this was very unnecessary, as I could've just used Firebase to handle finding the tasks for me, instead of implementing all this logic myself.
Oh boy... anyway any feedback is welcomed. I poured a lot of effort into this!
Community feedback
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord