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 Fullstack: Vue/Nuxt3, Tailwind-css, GraphQL

#nuxt#tailwind-css#vue#graphql
Po Rith• 320

@jpoechill

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


This was fun!

First time trying out Tailwind.css, Vercel, and GraphQL!

Also checkout the server-side application that runs on localhost..!

Community feedback

Andrew• 380

@andreich1980

Posted

Your github repo has a wrong website link. It leads to interactive comments section demo.

You might want to make items clickable and toggle the completion status once user clicks on it. It's good for UX

On small resolutions filters section should go below the todo list. You made it as it should be on desktop.

Also need to remove blue outline on input focus. I believe it looks different on design (check active states image).

1

Po Rith• 320

@jpoechill

Posted

@andreich1980 Hey thanks! There's always so many details ~~ I will go back and fix them..! Yess

1

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