Task Management System(FocusDeck)

Introduction

This is a web-based Task Management System(FocusDeck) built with Django and Tailwind CSS. It allows users to create, manage, and track tasks within projects. The system is designed using Agile principles, ensuring flexibility, scalability, and continuous improvements. The application supports role-based access control, project-based task categorization, and custom user profiles.

Features

• User Authentication & Role Management

  • Custom user model with Admin, Team Leader, and Employee roles
  • Secure authentication with Django Allauth

• Task & Project Management

  • Create, update, delete, and assign tasks to users
  • Categorize tasks within projects
  • Task prioritization and filtering

• UI & Design Enhancements

  • Responsive design with Tailwind CSS
  • Intuitive dashboard for task tracking

• Scalability & Deployment

  • Dockerized application for easy deployment
  • Nginx reverse proxy setup
  • Database upgrade-ready (PostgreSQL recommended)

• 🔒 Security & Reliability

  • CSRF and XSS protection
  • Role-based access control ensures restricted access to sensitive data
  • Automated testing and CI/CD pipeline (planned in future updates)

Demo

To preview the live demo of the application please visit FocusDeck

📂 Project Structure

task_manager/
│── manage.py
│── db.sqlite3
│── requirements.txt
│── Dockerfile
│── docker-compose.yml
│── .dockerignore
│
├── task_manager/  # Django settings & URLs
│   ├── settings.py
│   ├── urls.py
│
├── accounts/  # User authentication & profiles
│   ├── models.py
│   ├── views.py
│   ├── urls.py
│
├── tasks/  # Task management
│   ├── models.py
│   ├── views.py
│   ├── urls.py
│
├── theme/
│   ├── static/  # Tailwind & static files
├── nginx/
│   ├── nginx.conf

Installation Guide

Prerequisites

• Python 3.8+
• Git
• Docker (if deploying with containerization)
• Node.js & npm (for Tailwind CSS compilation)

Setup Instructions

1. Clone the Repository

   git clone https://github.com/AsifProg/task_manager.git
   cd task-manager
   

2. Set Up a Virtual Environment

   python3 -m venv venv
   source venv/bin/activate   # On Windows use: venv\Scripts\activate
   

3. Install Dependencies

   pip install -r requirements.txt
   

4. Apply Database Migrations

   python3 manage.py makemigrations
   python3 manage.py migrate
   

5. Collect Static Files

python manage.py collectstatic --noinput

6. Run the Development Server

   python3 manage.py runserver
   

7. Create a Superuser (Admin Access)

   python3 manage.py createsuperuser
   

8. Running with Docker

   docker-compose up --build
   

9. Compile Tailwind CSS

   cd theme
   cd static_src
   npm install
   npx tailwindcss -i ./src/input.css -o ./static/css/output.css --watch
   

   python3 manage.py tailwind start
   

10. Access the Application

    http://127.0.0.1:8000
    

Future Enhancements

• OAuth Authentication (Google/GitHub integration)
• AI-driven Task Recommendations
• Mobile API Endpoints for integration
• Figma-based UI Prototyping Improvements
• Improved CI/CD pipeline with GitHub Actions

License

This project is licensed under the MIT License. Feel free to use and modify it!

👥 Contributing

Contributions are welcome! Fork the repository and submit a pull request for review.

🎉 Enjoy using the Django Task Management System (FocusDeck)! 🚀