Skip to content
Submitted over 2 years ago

Todo Fullstack: Vue/Nuxt3, Tailwind-css, GraphQL

Po Rith•320
@jpoechill
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Todo app
  • HTML
  • CSS
  • JS
3intermediate

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
    @andreich1980Posted over 2 years ago

    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
    @jpoechillPosted over 2 years ago

    @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

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