Skip to content

Latest commit

 

History

History
77 lines (43 loc) · 2.64 KB

README.md

File metadata and controls

77 lines (43 loc) · 2.64 KB
Raw

Kanban Task Management Web App 🚀

Welcome to our Kanban Task Management web app, a powerhouse built with Angular version 17.0.5 and styled with the magic of Tailwind CSS. 🎨 This app is your ticket to organizing tasks with flair!

Features 🌟

Responsive Design 📱

Experience the optimal layout on any device - big or small. Our app is your companion, delivering a seamless experience wherever you go.

Interactive Elements 🌈

Hover over and enjoy the pop! 🎉 Interactive elements are designed to dazzle as you glide through boards, tasks, and subtasks.

CRUD Operations 🛠️

Effortlessly manage tasks:

  • Create: Spawn new boards and tasks like a wizard.
  • Read: Peek at your boards, tasks, and subtasks in one swift glance.
  • Update: Edit on the fly, no strings attached.
  • Delete: Bid farewell to boards and tasks that have overstayed their welcome.

Form Validations 🚦

Instant feedback! Form validations ensure your creations are error-proof, making the experience smoother than butter.

Subtask Management 🧩

Mark subtasks as complete and juggle tasks between columns like a pro. Stay organized and keep that productivity flowing.

Board Sidebar 📁

Customize your space! Hide or show the board sidebar with a flick. One click, and you're in charge.

Theme Toggle 🌗

Toggle between light and dark modes to match your vibe. Day or night, we've got your back!

Drag and Drop 🚚

Level up! Drag and drop tasks like a gaming pro. Change status, reorder - it's your canvas, paint it your way.

Local Storage Integration 📦

Easily persist your Kanban board data locally using the power of localStorage. Never lose your work, even if you accidentally close the browser or refresh the page!

✨ Seamless Integration: Your board data is automatically saved to local storage in real-time as you make changes.

🔄 Auto-sync: Changes made on the board are automatically synchronized with local storage, ensuring your data is always up to date.

🚀 Fast Retrieval: Retrieve your board data instantly upon returning to the app, providing a smooth and efficient user experience.

Getting Started 🚀

  1. Clone the Repository:

    git clone https://github.com/faizanalibugti/ng-kanban.git

  2. Install Dependencies:

    cd ng-kanban
npm install

  3. Run the App:

    Run ng serve for a dev server. Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.

Contributions 🤝

Ready to spice things up? We'd love your touch. Fork, branch, and pull request away!

Happy task juggling! 🚀🎉