https://github.com/shruti627/dynamicchecklist
📝 A stylish and interactive checklist app that lets you dynamically add, check off, and delete tasks and sections—all with a smooth, modern UI!
https://github.com/shruti627/dynamicchecklist
checklist-application css front-end-development html javascript
Last synced: 11 months ago
JSON representation
📝 A stylish and interactive checklist app that lets you dynamically add, check off, and delete tasks and sections—all with a smooth, modern UI!
- Host: GitHub
- URL: https://github.com/shruti627/dynamicchecklist
- Owner: Shruti627
- Created: 2025-06-10T09:48:21.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-06-10T10:09:21.000Z (11 months ago)
- Last Synced: 2025-06-10T10:46:45.359Z (11 months ago)
- Topics: checklist-application, css, front-end-development, html, javascript
- Language: JavaScript
- Homepage: https://shruti627.github.io/DynamicChecklist/
- Size: 0 Bytes
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
✨ **Dynamic** **ProChecklist** 📝
A beautifully styled, interactive checklist web app that helps you stay organized and productive — one task at a time! 💪📋
🎯 **What** **You** **Can** **Do**:
✅ Add Sections — Create custom groups like "Work", "Groceries", or "Goals".
🧾 Add Items — Add specific checklist items to each section.
☑️ Check Items Off — Mark your progress with satisfying checkboxes.
❌ Delete Easily — Remove individual items or entire sections with a click.
💡 All in Real-Time — No page reloads, everything updates instantly with JavaScript!
🎨 **Design** **Highlights**:
🌈 Modern UI — Features a dreamy glassmorphism style with a soft blurred background.
📱 Responsive Layout — Looks clean and centered on all screen sizes.
🖌️ Custom Styling — Polished buttons, neat inputs, and smooth section spacing.
**Live** **Demo** **:** **-** https://shruti627.github.io/DynamicChecklist/
🧠 **Tech** **Behind** **the** **Magic**:
HTML 🧱 – Builds the structure.
CSS 🎨 – Adds elegant style and layout.
JavaScript ⚙️ – Powers interactivity and DOM updates.