Skip to content
Submitted over 2 years ago

Todo App with TS, Sass and Vite

Nabil-Y•150
@Nabil-Y
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

Hi everyone,

I build the todo app with local storage so your theme and todos will be saved, you can even use it if you don't clear your browser cache. Your prefered theme (dark or light) is automatically detected and applied on page load.

I used a third party library for the drag and drop list (sortable.js). Your changes made by reordering the list are saved in the local storage too!

It was my first time using TypeScript and Vite, please tell me if there is anything I can improve.

Thank you !

Nabil-Y

Community feedback

  • Raymond Adutwum Agyei•800
    @alosoftPosted over 2 years ago

    I love the drag and drop feature. One thing I notice is you cannot mark a todo before you submit. Another is on very small screen sizes (250px) you need to change flex direction

    .todos-list__info{
    flex-direction: column
}

    Nice work!

    1
    Nabil-Y•150
    @Nabil-YPosted over 2 years ago

    @alosoft Thanks Raymond, I'll look into it

    0

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