Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Todo App using Nextjs, Typescript and Tailwindcss

Chara-β€’ 400

@jcarlos0511

Desktop design screenshot for the Todo app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


Maybe it is exaggerated, the reason is that I am learning typescript and nextjs at the same time. I accept suggestions :D

Community feedback

P
Graceβ€’ 27,950

@grace-snow

Posted

Hi, this looks nice well done.

Like @ApplePieGiraffe says, the todo list container needs to be able to grow. You can't put a scroll on it while also using drag and drop because on mobile that means I can't get to the lower down todos. It drags them when I'm trying to scroll them, if that makes sense.

Once that's changed this will work great on mobile!

1
P
ApplePieGiraffeβ€’ 30,565

@ApplePieGiraffe

Posted

Hey, nice work on this challenge, Chara! πŸ‘

The to-do list looks good and works pretty well! πŸ‘

I only suggest perhaps allowing the height of the to-do list to grow with the todos that are added to itβ€”that'll make it a little easier for users to see more of the todos that they have without the need to do very much scrolling. πŸ˜‰

Keep coding (and happy coding, too)! 😁

1

Chara-β€’ 400

@jcarlos0511

Posted

@ApplePieGiraffe I will, thanks. 😁

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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