A modern and responsive Task Management System built with the latest frontend technologies. Perfect for practicing DevOps workflows like CI/CD, containerization, monitoring, and infrastructure as code

🚀 Features

• ✅ Task Management: Create, update, delete, and filter tasks
• 🔍 Advanced Filtering: Filter by status, priority, tags, and text search
• 📱 Responsive Design: Works seamlessly on desktop, tablet, and mobile devices
• 🌙 Dark/Light Mode: Automatically adapts to user preferences
• 📊 Analytics Dashboard: Visualize your task completion metrics
• 🔐 Authentication: User login/signup with secure data storage (coming soon)
• 👥 Guest Mode: Try the app without creating an account (coming soon)

🛠️ Tech Stack

Frontend

React: Library for building user interfaces TypeScript: Typed JavaScript for better developer experience Vite: Lightning-fast frontend tooling Tailwind CSS: Utility-first CSS framework shadcn/ui: Radix-based modern UI components Lucide Icons: Elegant and consistent icons React Router: Routing library for single-page apps React Hook Form: Form management and validation Zod: TypeScript-first schema validation Recharts: Library for building responsive charts TanStack Query: Data fetching and caching layer

📦 Installation

# Clone the repository
git clone https://github.com/Coding4Deep/Task-Manager-Project.git

# Navigate to project directory
cd Task-Manager-Project

# Install dependencies
npm install

# Start development server
npm run dev

🐳 Containerization

A Dockerfile is provided for easy containerization:

Build the Docker Image

docker build -t task-manager-ui .

Run the Docker Container

docker run -p 80:80 task-manager-ui

Your application will be available at http://localhost:80

🖥️ Usage

• Navigate to the Tasks page to manage tasks
• Create new tasks using the "New Task" button
• Filter tasks using the search bar and filters
• Edit or delete tasks inline
• View visual task analytics on the Analytics page

🧪 DevOps Practice Benefits

This project is great for DevOps practice. You can:

• Set up CI/CD pipelines with GitHub Actions or Jenkins
• Containerize the app using Docker
• Deploy to Kubernetes or AWS ECS
• Implement monitoring with Prometheus & Grafana
• Use Secrets Management with Vault or GitHub Secrets
• Experiment with Reverse Proxies like NGINX

🔜 Upcoming Features

• 🔐 User authentication with login/signup
• 💾 Cloud-based data storage
• 📱 Progressive Web App (PWA) support
• 📅 Calendar integration for tasks
• 📊 Advanced analytics and reporting

🤝 Contributing

Contributions are welcome!

# Fork the repository
# Create your branch
git checkout -b feature/amazing-feature

# Commit your changes
git commit -m 'Add some amazing feature'

# Push to the branch
git push origin feature/amazing-feature

# Open a Pull Request on GitHub

📄 License

Distributed under the MIT License. See the LICENSE file for more information.

Crafted with ❤️ by Deepak Sagar