To Do list  banner

To Do list

4 devlogs
1h 50m 24s

I wanted a to-do list that actually helps me prioritize, so I decided to build my own from scratch using HTML, CSS, and vanilla JavaScript. Instead of just being a static list, this app acts like a real personal assistant. It automatically sorts m…

I wanted a to-do list that actually helps me prioritize, so I decided to build my own from scratch using HTML, CSS, and vanilla JavaScript. Instead of just being a static list, this app acts like a real personal assistant. It automatically sorts my tasks by their deadlines and uses color-coding to show me what needs my attention first (Red for today, Yellow for this week, and Green for the month). The best part? I hooked it up to the browser’s Local Storage, so my tasks are always saved and waiting for me even if I close the tab. It was a great project to wrap my head around data sorting, date math, and DOM manipulation in JavaScript

Demo Repository

Loading README...

Ahmed

Shipped this project!

Hours: 1.84
Cookies: 🍪 3
Multiplier: 1.57 cookies/hr

I made a To-Do List with useful interactive features that will show me my deadlines. Something that was challenging is some features of JavaScript and i learned them from YouTube tutorials. I am proud of making a useful project that will help me in my study.

Ahmed

I added Another Feature of coloring the task due to its deadline to get an interactive theme that encourages you to finish the task.

Attachment
0
Ahmed

I made a new feature of adjusting the deadline to arrange the tasks’ priority.

Attachment
0
Ahmed

I finished the main characteristics of to-do lists, which are adding and deleting tasks

Attachment
0
Ahmed

I finished the front-end that shapes the design of the website and its main elements.

Attachment
0