About ProMan

ProMan adalah sistem manajemen proyek modern dengan fitur kolaborasi tim, pelacakan tugas, dan komunikasi real-time. Dirancang dengan antarmuka yang responsif dan mudah digunakan, membantu tim mengatur proyek, mengelola anggota tim, dan memantau kemajuan proyek secara efektif

i

Published by

ikuzadev

Visit View Profile

README.md

View on GitHub

📚 ProMan - Project Management System

ProMan adalah sistem manajemen proyek modern dengan fitur kolaborasi tim, pelacakan tugas, dan komunikasi real-time. Dirancang dengan antarmuka yang responsif dan mudah digunakan, membantu tim mengatur proyek, mengelola anggota tim, dan memantau kemajuan proyek secara efektif.

✨ Fitur Utama

📋 Manajemen Proyek	Buat, edit, dan pantau proyek dengan timeline dan milestone yang jelas
👥 Manajemen Tim	Kelola anggota tim dan tetapkan peran untuk setiap proyek
✅ Pelacakan Tugas	Buat, tetapkan, dan pantau tugas dengan status dan prioritas
💬 Komunikasi Real-time	Diskusi dan notifikasi instan melalui integrasi Socket.io
📊 Dashboard Analitik	Visualisasi data proyek dan kinerja tim

🖼️ Preview Aplikasi

Preview dari #ProMan Project Management System

🧩 Teknologi yang Digunakan

Backend: Node.js + Express.js untuk server yang cepat dan efisien
View Engine: Pug templating untuk rendering HTML yang elegan
Styling: Tailwind CSS untuk desain yang modern dan responsif
Database: SQLite3 (file-based) untuk penyimpanan data yang ringan
Real-time: Socket.io untuk komunikasi dan notifikasi real-time
Authentication: bcrypt untuk enkripsi password dan manajemen sesi

👥 Role Pengguna

🛡️ Admin

Mengelola semua pengguna sistem
Membuat dan mengelola proyek
Menetapkan Project Manager untuk proyek
Melihat laporan dan analitik semua proyek
Mengatur konfigurasi sistem

👨‍💼 Project Manager (PM)

Mengelola proyek yang ditugaskan
Menambah dan menghapus anggota tim proyek
Membuat dan menetapkan tugas kepada anggota tim
Memantau kemajuan proyek dan kinerja tim
Mengupdate status proyek dan milestone

👨‍💻 Team Member

Melihat tugas yang ditugaskan
Mengupdate status dan progress tugas
Berkolaborasi dengan anggota tim lain
Menambahkan komentar pada tugas
Melihat timeline dan milestone proyek

🚀 Cara Instalasi

Clone repository ini

git clone https://github.com/IkuzaDev/proman.git
cd proman

Install dependencies
```
npm install
```
Inisialisasi database dengan data awal
```
npm run seed
```
Jalankan aplikasi
```
npm start
```
atau untuk development
```
npm run dev
```
Akses aplikasi melalui browser di http://localhost:3000

🔑 Default Login

Role	Username	Password
Admin	admin	password123
Project Manager	manager	password123
Team Member	member	password123

🗺️ Routes & API Endpoints

🔐 Authentication Routes

GET /auth/login - Menampilkan halaman login
POST /auth/login - Memproses login user
GET /auth/logout - Logout user dan menghapus sesi
GET /auth/register - Menampilkan halaman registrasi
POST /auth/register - Memproses registrasi user baru

🏠 Landing Routes

GET / - Halaman utama/landing page

🛡️ Admin Routes

Page Routes

GET /admin/dashboard - Dashboard admin
GET /admin/users - Manajemen pengguna
GET /admin/projects - Manajemen proyek
GET /admin/projects/create - Form pembuatan proyek baru
GET /admin/projects/:id - Detail proyek
GET /admin/projects/:id/edit - Form edit proyek
GET /admin/analytics - Analitik dan laporan

API Routes - Users

GET /admin/api/users - Mendapatkan semua data pengguna
POST /admin/api/users - Membuat pengguna baru
PUT /admin/api/users/:id - Mengubah data pengguna
DELETE /admin/api/users/:id - Menghapus pengguna

API Routes - Projects

GET /admin/api/projects - Mendapatkan semua data proyek
POST /admin/api/projects - Membuat proyek baru
PUT /admin/api/projects/:id - Mengubah data proyek
DELETE /admin/api/projects/:id - Menghapus proyek
POST /admin/api/projects/:id/assign-pm - Menetapkan Project Manager

👨‍💼 Project Manager Routes

Page Routes

GET /pm/dashboard - Dashboard Project Manager
GET /pm/projects - Daftar proyek yang dikelola
GET /pm/projects/:id - Detail proyek
GET /pm/projects/:id/edit - Form edit proyek
GET /pm/projects/:id/members - Manajemen anggota tim proyek
GET /pm/projects/:id/tasks - Daftar tugas proyek
GET /pm/tasks/create - Form pembuatan tugas baru
GET /pm/tasks/:id/edit - Form edit tugas
GET /pm/tasks/:id - Detail tugas

API Routes - Project Management

PUT /pm/api/projects/:id - Mengupdate informasi proyek
POST /pm/api/projects/:id/members - Menambahkan anggota tim ke proyek
DELETE /pm/api/projects/:id/members/:userId - Menghapus anggota tim dari proyek

API Routes - Task Management

GET /pm/api/projects/:id/tasks - Mendapatkan semua tugas dalam proyek
POST /pm/api/tasks - Membuat tugas baru
PUT /pm/api/tasks/:id - Mengupdate tugas
DELETE /pm/api/tasks/:id - Menghapus tugas
POST /pm/api/tasks/:id/assign - Menetapkan tugas ke anggota tim

👨‍💻 Team Member Routes

Page Routes

GET /member/dashboard - Dashboard anggota tim
GET /member/projects - Daftar proyek yang diikuti
GET /member/projects/:id - Detail proyek
GET /member/tasks - Daftar tugas yang ditugaskan
GET /member/tasks/:id - Detail tugas
GET /member/profile - Profil pengguna

API Routes - Task Management

GET /member/api/tasks - Mendapatkan semua tugas yang ditugaskan
PUT /member/api/tasks/:id/status - Mengupdate status tugas
PUT /member/api/tasks/:id/progress - Mengupdate progress tugas
POST /member/api/tasks/:id/comments - Menambahkan komentar pada tugas

📂 Struktur Project

proman/
├── app.js                # File utama aplikasi
├── config/               # Konfigurasi database dan aplikasi
│   └── seed.js           # Inisialisasi data awal
├── controllers/          # Logic aplikasi
│   ├── adminController.js
│   ├── authController.js
│   ├── landingController.js
│   ├── memberController.js
│   └── pmController.js
├── db/                   # Database SQLite
│   └── sessions.sqlite   # Database sesi
├── middleware/           # Middleware Express
│   └── auth.js           # Middleware autentikasi
├── models/               # Model data
├── public/               # Static assets (CSS, JS, gambar)
│   ├── css/
│   ├── js/
│   └── images/
├── routes/               # Route aplikasi
│   ├── admin.js
│   ├── auth.js
│   ├── landing.js
│   ├── project-manager.js
│   └── team-member.js
├── utils/                # Utility functions
│   └── socket.js         # Konfigurasi Socket.io
└── views/                # Template Pug
    ├── admin/
    ├── auth/
    ├── layouts/
    ├── member/
    ├── pm/
    └── partials/

🔄 Fitur yang Akan Datang

📱 Aplikasi mobile untuk akses di perangkat Android dan iOS
📊 Dashboard analitik yang lebih komprehensif
📅 Integrasi kalender untuk perencanaan proyek
📁 Manajemen file dan dokumen proyek
🌐 Integrasi dengan layanan pihak ketiga (GitHub, Slack, dll)

🤝 Kontribusi

Kontribusi selalu diterima! Silakan fork repositori ini, buat perubahan, dan kirimkan pull request.

📄 Lisensi

Proyek ini dilisensikan di bawah MIT License.

📧 Untuk kerja sama komersial: [email protected]

ProMan

About ProMan

Platforms

Languages

Links

README.md

📚 ProMan - Project Management System

✨ Fitur Utama

🖼️ Preview Aplikasi

🧩 Teknologi yang Digunakan

👥 Role Pengguna

🚀 Cara Instalasi

🔑 Default Login

🗺️ Routes & API Endpoints

Page Routes

API Routes - Users

API Routes - Projects

Page Routes

API Routes - Project Management

API Routes - Task Management

Page Routes

API Routes - Task Management

📂 Struktur Project

🔄 Fitur yang Akan Datang

🤝 Kontribusi

📄 Lisensi