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
- Account deleted
I just completed this task myself, and it was hard. I still have two big issues that I can't fix. I used svelte myself, and I just used a regular array of objects for the data. NO backend db for me lol But great job though, it looks great!
0 - @AbelMuroPosted over 1 year ago
Hmm, I'm not sure why the screenshot that is generated doesn't fill up the entire page. I know that I set
height: 100vh
on the body tag selector so I'm sure that the app SHOULD fill up the entire page. And this is proven when you follow the link for the app. Maybe its a bug with the screenshot generator? I'm not sure.0
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