Skip to content

pashitox/automation-project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

7 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation


๐Ÿš€ Automated Project Manager

Vue.js n8n PostgreSQL Docker Twilio OpenAI Node.js

Modern Task Management with AI-Powered Automation

GitHub License Status

๐Ÿ“‹ Table of Contents

โœจ Features

๐ŸŽฏ Frontend ๐Ÿ”ง Backend ๐Ÿ“Š Database ๐Ÿ“ฑ Notifications
Vue.js 3 + Composition API n8n Workflows PostgreSQL Gmail SMTP
Pinia State Management Webhook Processing Real-time Data WhatsApp (Twilio)
Element Plus UI AI Integration Secure Storage Multi-channel
Real-time Dashboard Automation Engine Scalable Instant Alerts

๐ŸŽฏ Core Capabilities

  • โœ… Task Management - Create, list, filter, and track tasks
  • โœ… Real-time Dashboard - Live statistics and analytics
  • โœ… AI-Powered Features - Effort estimation and task analysis
  • โœ… Multi-channel Notifications - Email + WhatsApp instantly
  • โœ… Workflow Automation - End-to-end process automation
  • โœ… Production Ready - Dockerized and scalable

๐Ÿ—๏ธ Architecture

graph TB
    A[Vue.js Frontend] --> B[n8n Webhook]
    B --> C[PostgreSQL Database]
    C --> D[AI Processing]
    D --> E[Google Calendar]
    C --> F[Email Notifications]
    C --> G[WhatsApp Notifications]
    H[User] --> A
Loading

๐Ÿš€ Quick Start

Prerequisites

  • Docker & Docker Compose
  • Node.js 18+ (for development)

Installation

  1. Clone the repository
git clone https://github.com/pashitox/automated-project-manager.git
cd automated-project-manager
  1. Start the system
# Production deployment
docker-compose up -d

# Or use the helper script
./start-project.sh
  1. Access the application
Frontend Dashboard: http://localhost:5173
n8n Interface:     http://localhost:5678
  1. Create your first task
    • Open the dashboard
    • Fill in task details
    • Watch notifications arrive instantly! ๐ŸŽ‰

Environment Setup

Create .env file:

# Database
POSTGRES_DB=automation_db
POSTGRES_USER=postgres
POSTGRES_PASSWORD=your_password

# n8n
N8N_BASIC_AUTH_ACTIVE=true
N8N_BASIC_AUTH_USER=admin
N8N_BASIC_AUTH_PASSWORD=your_password

# APIs
OPENAI_API_KEY=your_openai_key
TWILIO_ACCOUNT_SID=your_twilio_sid
TWILIO_AUTH_TOKEN=your_twilio_token

๐Ÿ› ๏ธ Tech Stack

Frontend

Vue.js Pinia Element Plus Vite

Backend & Automation

n8n Node.js PostgreSQL

Notifications & AI

Twilio Gmail OpenAI

DevOps

Docker GitHub

๐Ÿ“ Project Structure

automated-project-manager/
โ”œโ”€โ”€ ๐ŸŽจ frontend/                 # Vue.js Application
โ”‚   โ”œโ”€โ”€ src/
โ”‚   โ”‚   โ”œโ”€โ”€ components/
โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ Dashboard.vue    # Main dashboard with stats
โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ TaskForm.vue     # Task creation form
โ”‚   โ”‚   โ”‚   โ””โ”€โ”€ TaskList.vue     # Tasks table with filters
โ”‚   โ”‚   โ”œโ”€โ”€ stores/
โ”‚   โ”‚   โ”‚   โ””โ”€โ”€ tasks.js         # Pinia store for state management
โ”‚   โ”‚   โ”œโ”€โ”€ composables/
โ”‚   โ”‚   โ”‚   โ””โ”€โ”€ useApi.js        # API communication layer
โ”‚   โ”‚   โ””โ”€โ”€ main.js              # Vue application entry
โ”‚   โ””โ”€โ”€ package.json
โ”‚
โ”œโ”€โ”€ โš™๏ธ n8n/                      # Automation Workflows
โ”‚   โ”œโ”€โ”€ workflows/
โ”‚   โ”‚   โ”œโ”€โ”€ create-task.json     # Task creation flow
โ”‚   โ”‚   โ””โ”€โ”€ get-tasks-list.json  # Task retrieval flow
โ”‚   โ””โ”€โ”€ credentials/             # API credentials (gitignored)
โ”‚
โ”œโ”€โ”€ ๐Ÿ—„๏ธ database/
โ”‚   โ””โ”€โ”€ schema.sql               # PostgreSQL table definitions
โ”‚
โ”œโ”€โ”€ ๐Ÿณ docker-compose.yml        # Multi-container deployment
โ”œโ”€โ”€ ๐Ÿ”ง start-project.sh          # Development startup script
โ”œโ”€โ”€ ๐Ÿ”ง stop-project.sh           # Safe shutdown script
โ””โ”€โ”€ ๐Ÿ“„ README.md                 # This file

๐Ÿ”ง API Endpoints

n8n Webhooks

Method Endpoint Description
POST /webhook/create-task Create new task with notifications
GET /webhook/get-tasks-list Retrieve all tasks from database

Example Payload

{
  "title": "Develop User Authentication",
  "description": "Implement login and registration endpoints",
  "priority": "high",
  "assignee": "dev@company.com"
}

๐Ÿ“Š Dashboard Preview

Dashboard

Features:

  • ๐Ÿ“ˆ Real-time Statistics - Total tasks, completed, in progress, pending
  • ๐ŸŽฏ Priority Filtering - Filter by high, medium, low priority
  • ๐Ÿ” Live Search - Find tasks instantly
  • ๐Ÿ“ฑ Responsive Design - Works on all devices
  • ๐ŸŽจ Modern UI - Clean and professional interface

๐Ÿ”ฎ Roadmap

โœ… Completed

  • Vue.js 3 frontend with Composition API
  • n8n backend automation workflows
  • PostgreSQL database integration
  • Multi-channel notifications (Email + WhatsApp)
  • Real-time dashboard with statistics
  • Docker containerization

๐Ÿšง In Progress

  • Google Calendar integration
  • AI-powered effort estimation
  • Advanced reporting and analytics
  • User authentication and roles

๐Ÿ“… Planned

  • Slack/Discord notifications
  • Mobile application
  • Advanced AI features (task suggestions)
  • API rate limiting and security
  • Performance monitoring

๐Ÿ‘จโ€๐Ÿ’ป Author

Pashitox - Full Stack Developer & Automation Specialist

GitHub Portfolio LinkedIn

"Building the future of automation, one workflow at a time."

๐Ÿ“„ License

This project is licensed under the MIT License - see the LICENSE file for details.


โญ Star us on GitHub!

If this project helped you, please give it a star on GitHub!

Automated Project Manager - Professional task management with AI-powered automation ๐Ÿš€


About

Modern Task Management with AI-Powered Automation

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors