Skip to content

snehaagarwal03/CRUDify

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📇 CRUDify - Advanced To-Do List Web App

CRUDify is a visually stunning, fully functional To-Do List Web App built with HTML, CSS, and JavaScript. It demonstrates the complete use of CRUD operations using LocalStorage and follows the MVC architecture for clean code separation.

Landing Page


✨ Features

  • 🎯 Create, Read, Update, and Delete tasks
  • 🎨 Dark-themed with a sleek gradient UI
  • ✅ Task fields include:
    • ID, Title, Description
    • Priority, Status, Due Date
    • Category, Tags, AssignedTo
  • 🧠 Stored and retrieved using LocalStorage
  • 🕹️ Fully responsive dashboard and landing page
  • 📦 Modular file structure following MVC architecture
  • 🔍 Advanced Features:
    • Search & filter by date, tag, category
    • Select All + Bulk Actions
    • Toggle between Card/Table view
    • Responsive Sidebar with smooth animations and collapsible sections
    • Progress bar for task completion
    • Undo Delete functionality
    • Import/Export as JSON

🛠️ Tech Stack

  • HTML5
  • CSS3 (Gradient Theme, Flexbox, Animations)
  • JavaScript (LocalStorage, Event Handling, Modular JS)
  • Font Awesome for icons

📸 Screenshots

Card View

Table View


📂 How to Run Locally

git clone https://github.com/snehaagarwal03/CRUDify.git
cd CRUDify
open index.html in browser

✨ Built with 💙💜 for productivity lovers. Thanks for checking out CRUDify!

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors