Smart Todo List(AI - Powered Task Manager) banner

Smart Todo List(AI - Powered Task Manager)

1 devlog
2h 6m 17s

Build a responsive and interactive Todo List web application that helps users efficiently manage their daily tasks. Users can add, delete, and mark tasks as completed with a clean and intuitive UI.
The project focuses on DOM manipulation, event h…

Build a responsive and interactive Todo List web application that helps users efficiently manage their daily tasks. Users can add, delete, and mark tasks as completed with a clean and intuitive UI.
The project focuses on DOM manipulation, event handling, and dynamic updates using JavaScript. It is designed with a mobile-first approach to ensure usability across devices.
Currently, the project supports task management features, and future improvements include AI-based task suggestions, priority sorting, and cloud storage integration.

This project uses AI

I used an AI coding assistant to help rapidly draft boilerplate CSS, brainstorm the mathematics for the zero-gravity magnetic repulsion effect, and assist with debugging vanilla JavaScript logic. Also use AI to make README.md file in the code.

Demo Repository

Loading README...

Dushyant Acharya

Shipped this project!

I built a premium, highly interactive Smart Todo List! The goal was to create a gorgeous task manager with fluid, physics-based UI interactions (like the magnetic cursor glow and floating 3D tasks) entirely from scratch using native HTML, CSS, and Vanilla JS.

The hardest part was definitely getting the custom micro-animations and the dynamic background grid to perform smoothly without lagging, while also ensuring perfect state management with localStorage so tasks persist securely across sessions.

I’m incredibly proud of how sleek the final design feels—it proves you don’t always need bulky libraries to build something beautiful and highly functional!

Dushyant Acharya

Built a stunning Smart Todo application from scratch using HTML, Vanilla CSS, and JavaScript. Focused heavily on creating a premium, modern aesthetic with a custom dynamic grid background, glass-morphic elements, and smooth physics-based cursor hover effects. Implemented core functionality including task creation, dynamic filtering (All/Pending/Completed), and full data persistence using localStorage so tasks remain saved across sessions. Kept the architecture clean and lightweight without relying on any external frameworks.

Attachment
Attachment
Attachment
1

Comments

satyamkumarak2086
satyamkumarak2086 about 8 hours ago

Wow it’s geniuenly a good UI and well maintained code