Skip to content

Add/Delete your Todol list tasks and reorder them by drag and drop them || Your tasks will be saved automaitcally in your local device, so don't worry about closing the page

Notifications You must be signed in to change notification settings

OussamaJadidi/Advanced-Todo-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Advanced TodoList app

Project description

I build a responsive TodoList webApp that :

  1. have a switch theme (light mode and dark mode)
  2. Save all your data in your localStorage (all data saved automatically)
  3. Both laptop and mobile, you can drag and drop your tasks to reorder them depend on their priority
  4. add/delete your tasks and filter what you want to see by click "all/active/complete" button

why I called that project advanced...

  • because most of TodoList app that you will see have just the 4th feature that i mentioned on the project description 👆, and I add top of it the 1t,2d,3rd feature :)

Technologies that i used

  • HTML5
  • CSS3 - CUBE-css metholodogy - BEM-css naming - Flex-box...
  • JavaScript (ES6++)
  • Git

Design source

Screenshots

Desktop screenshots

Capture web_5-1-2023_183331_ Capture web_5-1-2023_183517_

Mobile screenshots

_D__my%20portfolio's%20work_Advanced-Todo-App_index html(iPhone 12 Pro) (1) _D__my%20portfolio's%20work_Advanced-Todo-App_index html(iPhone 12 Pro)

About

Add/Delete your Todol list tasks and reorder them by drag and drop them || Your tasks will be saved automaitcally in your local device, so don't worry about closing the page

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published