Portfolio Live Demo / Demo Portofolio
CRM web application for contractor business operations
A bilingual demo page for reviewing the CRM workflow without exposing internal source code or sensitive production data.
Halaman ini menjelaskan konteks project, peran developer, fitur utama, teknologi, alur demo, screenshot yang tersedia, dan batasan demo publik.
My Role
Full-Stack Web Developer
ID: Merancang dan membangun demo CRM berbasis Laravel untuk menampilkan workflow operasional bisnis secara end-to-end.
EN: Designed and developed a Laravel-based CRM demo to showcase an end-to-end business operations workflow.
Project Overview
CRM PT Hansen Karya Mandiri Demo
Indonesia
Project ini adalah aplikasi CRM demo untuk mensimulasikan proses kerja perusahaan kontraktor/konstruksi, mulai dari pengelolaan klien, project, survey, proposal, negosiasi, deal, task, dokumen, kalender, laporan, sampai notifikasi.
English
This project is a CRM demo application that simulates contractor/construction business workflows, covering clients, projects, surveys, proposals, negotiations, deals, tasks, documents, calendar activities, reports, and notifications.
My Role
Full-Stack Web Developer
Indonesia
Saya bertanggung jawab membangun demo CRM berbasis Laravel secara full-stack, mulai dari desain workflow, implementasi modul, antarmuka Blade/Bootstrap, otorisasi role, sampai kesiapan demo portofolio untuk reviewer dan recruiter.
English
I was responsible for building this Laravel CRM demo as a full-stack web developer, covering workflow design, module implementation, Blade/Bootstrap UI, role authorization, and portfolio demo readiness for reviewers and recruiters.
Menganalisis kebutuhan CRM demo dan menyusun alur bisnis end-to-end yang mudah direview recruiter.
Analyzed CRM demo needs and structured an end-to-end business workflow that recruiters can review easily.
Membangun route, autentikasi, otorisasi role, modul bisnis, report, dan automation pendukung demo.
Built routes, authentication, role authorization, business modules, reports, and supporting demo automation.
Menyusun Blade UI berbasis Bootstrap dengan layout responsif, komponen dashboard, form, tabel, dan halaman publik.
Implemented a Bootstrap-based Blade UI with responsive layouts, dashboard components, forms, tables, and public pages.
Menyiapkan konteks demo, batasan data, workflow reset, dokumentasi, dan halaman penjelasan portofolio.
Prepared demo context, data limitations, reset workflow, documentation, and portfolio explanation page.
Key Features
Fitur Utama / Main Capabilities
Pengelolaan klien, kontak, assignment, follow-up, dan interaction log.
Client records, contact persons, assignment, follow-ups, and interaction logs.
Pengelolaan project kontraktor dari data awal sampai monitoring progres.
Contractor project management from initial record to progress monitoring.
Jadwal survey, assignment surveyor, checklist, foto, dokumen, dan hasil survey.
Survey scheduling, surveyor assignment, checklist, photos, documents, and survey results.
Workflow penawaran, approval, negosiasi harga, deal, milestone, dan termin pembayaran.
Proposal workflow, approvals, price negotiation, deals, milestones, and payment schedules.
Koordinasi pekerjaan, deadline, agenda, reminder, dan notifikasi aktivitas.
Task coordination, deadlines, agenda, reminders, and activity notifications.
Laporan bisnis dan pembatasan akses berdasarkan role pengguna.
Business reporting and role-based access control.
Tech Stack
Teknologi yang Digunakan
Suggested Demo Flow
Alur Review untuk Recruiter
Masuk ke demo lalu mulai dari dashboard sesuai role untuk melihat ringkasan aktivitas.
Review data klien, kontak, follow-up, lalu buka project terkait.
Cek jadwal survey, checklist, hasil survey, foto, dokumen, dan status approval.
Ikuti proses komersial dari proposal/RAB sampai negosiasi dan deal.
Review koordinasi task, kalender, notifikasi, dan laporan performa.
Screenshots
Demo Assets
Screenshot asli akan ditampilkan otomatis jika file tersedia. Jika belum tersedia, halaman menampilkan fallback card agar tidak membuat screenshot palsu.
Ringkasan performa CRM, aktivitas utama, pipeline, dan metrik operasional.
CRM performance summary, key activities, pipeline, and operational metrics.
Manajemen data klien, kontak, follow-up, dan riwayat interaksi.
Client records, contacts, follow-up tracking, and interaction history.
Alur project dari client, survey, proposal, negosiasi, deal, hingga task.
Project flow from client, survey, proposal, negotiation, deal, to tasks.
Visualisasi pipeline dan status peluang penjualan.
Pipeline visualization and sales opportunity status tracking.
Tampilan mobile untuk penggunaan lapangan dan review cepat.
Mobile view for field usage and quick review.
Demo Notes / Limitations
Catatan Demo Publik
Developer Note
Frengki Josua Purba
ID: Demo ini disiapkan sebagai portfolio full-stack untuk menunjukkan kemampuan membangun aplikasi bisnis Laravel yang memiliki workflow, role-based access, dokumentasi, dan kesiapan deployment.
EN: This demo is prepared as a full-stack portfolio project to demonstrate Laravel business application development with workflow handling, role-based access, documentation, and deployment readiness.