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 Vue and Tailwind CSS

#tailwind-css#vue
Andrew 380

@andreich1980

Desktop design screenshot for the Todo app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Community feedback

Po Rith 320

@jpoechill

Posted

Awesome job! The reordering was tricky for me to figure out. I looked at using some pre-built components before building my own functionality from scratch. [Link to site I used] (https://learnvue.co/2020/01/how-to-add-drag-and-drop-to-your-vuejs-project/#adding-drag-and-drop-functionality)

Also, I really like the readability and formatting of your html, and each of your component separations – something I am much over due for implementing.

Also, fine job with localStorage features – have you checked out state management with Vuex yet?

Cheers!

Marked as helpful

1

Andrew 380

@andreich1980

Posted

@jpoechill I know about Vuex, but forgot about it here :) And I thought it's mostly to store state among many pages and it does not store data between sessions, so I do need localStorage.

Thanks for your feedback.

Might get back to it to implement drag&drop feature later.

UPD. I mean, I work with Vue2 for a while now, just wanted to try out Vue3.

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