Fullstack Developer Projects
2023 - 100% Completed
POS System For Printing Store Alkaysan
LaravelLaravel BladeMySQLBootstrapQR Code GeneratorDemo Account | email: demo@alkaysan.com | password: demo1231. Authentication & Access Module
User login/logout by SSO
Roles: Admin, Owner, Cashier, Customer Service (CS)
2. Product Management
Add/Edit/Delete products
Product units: pcs, cm, meter, minute, custom
Cost price (COGS)
Selling price
Enable price rounding for spesific products (Optional)
Product Categories
Subcategories
3. Sales Transactions
Fast product search by transaction number, customer name, product name, or order note
Auto-complete search for customer name or phone number from stored customer data
Flexible quantity & unit input
Price editing permissions (only certain cashiers can edit prices and CS cannot)
Discounts per item or overall
Payment methods: Cash, Bank Transfer, QRIS
Additional notes (e.g., for custom orders)
Print/download receipt as PDF or Thermal Printer
Item QR Code on receipt to track order status
Only Admin can delete transaction items
4. Cashier Dashboard
Total transactions for today
Daily and monthly sales reports
Best selling products
Product promotion predictions based on sales trends
Current cash balance
Order processing status: Not Processed, In Printing, Printed, Picked Up
Monthly sales graph
Products sales chart for this month
5. Reports (Daily, Weekly, Monthly, Custom Date Range)
Sales Report
Cash In/Out Report
Financial Summary (Gross Profit, Total Sales, Total Cost)
Profit & Loss Report
Export reports to PDF or Excel
6. Cash/Cashflow Management
Add non-transaction cash in/out (e.g., utility bills, supplier payments)
Cash categories (operational expenses, miscellaneous, etc.)
Cashflow table for tracking
7. Others
Multi-Store Support
Dark Mode UI
Mobile Friendly (Responsive Layout)
Integrated with Admin Panel & Employee App
Order Status Tracking via QR Code
Auto Invoice Delivery to Whatsapp Customer
Order Status Notification via Whatsapp
Duplicate Prevention System
Each new store will have a separate database for better performance and data isolation (multi-tenant structure)
2024 - 60% Progress
Admin Panel Alkaysan With AI Chatbot
LaravelNextJSMySQLTailwind CSSLLMRAGDemo Account | email: demo@alkaysan.com | password: demo1231. Authentication & Access Module
User login/logout by SSO
Roles: Admin, Owner
2. Dashboard Page
Sales charts for all stores and custom-selected stores
Total Employees
Total Stores
Monthly Revenue Summary
Realtime employee attendance log
3. Store Management
Add/edit/delete store
Configure store operational days/hours
Set store address with coordinates and radius for employee attendance of Employee App
Price editing permissions (only certain cashiers can edit prices and CS cannot)
Set store short name for use as a code in the Cashier App
Enable/disable store status
4. Global Product Management
Add/edit/delete products
Option to display products to one or multiple stores using checkbox format
Automatically apply product discounts based on certain events
Same structure as product management in the POS System
5. Employee Management
Add/edit/delete employees
Employee list displayed in Card UI
Assign employee roles
Assign employees to specific branches
Manage employee salaries
Manage employee benefits
Manage employee deductions
Set employee work schedules
6. Attendance Management
Edit/delete employee attendance records
Attendance table by employee or by branch
Single employee attendance detail page
Employee leave request page
Manage national holidays
Export to PDF
Permission page for attendance outside store radius (e.g., field work)
Print payslips
Attendance reports
7. Reports
Sales Report
Cashflow Report
Financial Summary Report
Profit & Loss Report
Export to PDF
8. AI Chatbot
Context-Aware AI Replies using LLM and RAG
Admin Dashboard for AI Configuration
Chat History Management
Mark as Read
RAG Context from Documents and Sales Data
v1 2021 | v2 2024 - v2 78% Progress
Employee App Alkaysan
PHPLaravelPythonGoogle MediapipeFace RecognitionViteJSMySQLSQLiteTailwindExpoReact NativeGoogle MaterialDemo Account | email: demo@alkaysan.com | password: demo1231. Authentication & Access Module
User login/logout by SSO
Roles: Admin, Owner, Employee
2. Main Features
Activity Timeline/Log: Displays activity logs such as employee attendance, sales from the cashier app, employee tasks, and more—adjusted based on the user's role.
Attendance with Facial Recognition & Geolocation: Employees can check in using face detection and location verification within a configurable radius.
Off-Site Attendance Requests: If work requires attendance outside the workplace (e.g., fieldwork), employees can request attendance via the "Off-Site Attendance" button with a clear explanation. If the explanation is unclear, the admin may reject the request and mark the attendance as invalid.
Face Verification on Account Registration: Facial detection must be verified during account registration.
Individual Activity Page per Employee
Payslip Page
Leave Request Page
Loan Request Page
Overtime Request Page
Employee Attendance Report Page
Daily Task Page
Anti-Duplicate Attendance System: Employees can only check in once per session. For example, if an employee checks in at 08:10 AM, they cannot check in again that day—only check out when leaving work. The system blocks multiple check-ins on the same day.
3. Miscellaneous
Account Switching (Up to 3 Accounts): Allows up to 3 accounts for login on a single device. Useful for employees having device issues, enabling them to log in on a coworker’s device. Since attendance uses facial detection, it cannot be manipulated.
Multi-language Support
User-Friendly Interface
Responsive Layout
Available as Web App and Android App
Integrated with Cashier App and Admin Panel
Important Notifications via WhatsApp to Employees
Configurable Attendance & Clock-out Reminders
My Startup Projects
2026 - In Development
KetikinAI - Integrated AI Platform for Academic Writing, Theses & Research Papers
Next.js 15React 19TypeScriptSupabasePostgreSQLpgvector (RAG)TipTap EditorTailwind CSS v4ZustandOpenAI APIAnthropic Claude APIGoogle Gemini APIiPaymu Payment GatewayPlatform AI penulisan akademik terintegrasi yang membantu mahasiswa dan peneliti menyelesaikan skripsi, tesis, jurnal, dan karya tulis ilmiah 10x lebih cepat dengan standar akademik tertinggi.1. Platform AI Penulisan Akademik Terintegrasi
KetikinAI adalah platform SaaS full-stack berbasis Next.js 15 & React 19 yang dirancang khusus untuk penulisan akademik berstandar tinggi. Platform ini mengintegrasikan tiga model AI terkemuka dunia — OpenAI GPT-4o, Anthropic Claude 3.7 Sonnet, dan Google Gemini 2.5 — dalam satu ekosistem terpadu, memungkinkan pengguna menghasilkan draft pertama skripsi, tesis, jurnal ilmiah, dan makalah secara 10x lebih cepat.
2. Fitur Utama: AI Idea-to-Draft Workflow
Pengguna cukup mengetik ide mentah atau topik penelitian, lalu sistem AI secara otomatis membangun blueprint struktur dokumen (outline bab), menghasilkan konten per bagian, dan menyajikan draft yang siap diedit. Workflow ini didukung oleh IdeaWorkflow engine dengan komponen BlueprintView, GenerateProgress, dan FinalCheck yang bekerja secara bertahap sehingga pengguna dapat meninjau dan merevisi setiap langkah.
3. Multi-Model AI Engine dengan Cost Management Cerdas
KetikinAI memiliki engineClient yang mendukung switching antar model AI (GPT-4o, Claude, Gemini) secara dinamis. Setiap model memiliki cost profile tersendiri yang di-seed ke database, dan sistem costEngine secara otomatis menghitung biaya token per request untuk memastikan penggunaan kredit yang transparan dan efisien bagi pengguna.
4. Editor Akademik TipTap dengan Ekspor Multi-Format
Dilengkapi editor berbasis TipTap (rich text) yang terintegrasi dengan paket @noonor/ketikin-editor-core (dikembangkan secara internal). Editor mendukung fitur character count, placeholder, text alignment, typography, dan underline. Dokumen dapat diekspor ke format DOCX (via library docx), PDF (via html2pdf.js), dan format lainnya — siap digunakan untuk pengumpulan akademik resmi.
5. Sistem RAG (Retrieval-Augmented Generation) dengan pgvector
KetikinAI mengimplementasikan sistem RAG berbasis pgvector di Supabase PostgreSQL, memungkinkan pengguna mengunggah guidelines institusi (PDF/DOCX) sebagai konteks. AI kemudian menghasilkan dokumen yang disesuaikan dengan format dan persyaratan spesifik universitas pengguna. Sistem ini juga mendukung document versioning untuk melacak semua revisi naskah.
6. Sistem Kredit & Pembayaran Terintegrasi (iPaymu + Dinoiki Balance)
Platform menggunakan sistem kredit dua lapis: subscription plans (Free, Starter, Pro) dengan billing bulanan/6 bulan/tahunan, dan credit packs on-demand yang tidak pernah expired. Pembayaran diproses melalui iPaymu (payment gateway Indonesia). Sistem juga terintegrasi dengan Dinoiki Balance — ekosistem kredit internal — dengan rate limiting dan quota protection di level server.
7. Thesis Guide & Template Akademik Multi-Jenis
Platform menyediakan Thesis Guides — panduan penulisan terstruktur untuk berbagai jenis dokumen akademik: Skripsi S1 (bab 1-5), Tesis S2, Jurnal (format IMRaD), Makalah, Essay Akademik, Proposal Penelitian, hingga Manuskrip Kreatif. Setiap template dilengkapi deskripsi dan panduan spesifik yang membantu pengguna memulai dengan struktur yang benar.
8. Keamanan, Integritas Akademik & Smart Citations
KetikinAI dibangun dengan komitmen pada integritas akademik: sistem Originality Tracker melacak kontribusi AI vs Human secara transparan, Smart Citations menghasilkan sitasi terformat otomatis (APA, IEEE, Harvard, Chicago) dengan DOI terverifikasi, serta output 100% plagiarism-safe. Secara teknis, platform menerapkan Supabase RLS, server-side quota protection, rate limiting, dan secure scraping system.
9. Internasionalisasi (i18n) Penuh: Bahasa Indonesia & English
Platform mendukung dua bahasa penuh (Bahasa Indonesia & English) dengan sistem i18n custom yang mencakup language detector otomatis, LanguageProvider berbasis React Context, dan file locale terstruktur. Pengguna dapat beralih bahasa kapan saja — seluruh UI dari landing page, dashboard, editor, hingga pesan error ditampilkan dalam bahasa yang dipilih.
10. Multi-Account & AI Agent Conversations
Mendukung sistem multi-account, memungkinkan satu pengguna mengelola beberapa workspace secara bersamaan. Platform juga memiliki sistem Agent Conversations yang memungkinkan percakapan kontekstual dengan AI secara persistent — AI dapat mengingat konteks dokumen, melanjutkan diskusi, dan memberikan saran berdasarkan riwayat percakapan sebelumnya.
2026 - In Development
Pokonime - Platform Streaming Anime & Konten Kreator Komunitas Indonesia
Next.js 14React 18TypeScriptPrisma ORMPostgreSQL (Supabase)HLS.js & DASH.jsAWS S3 / Cloudflare R2Tailwind CSS v3Framer MotionZustandTanStack React QueryMidtrans PaymenthCaptchaPlatform streaming anime & konten kreator berbasis komunitas untuk pasar Indonesia, menggabungkan ekosistem video on-demand, fansub komunitas, sistem monetisasi kreator, dan fitur sosial yang kaya.1. Platform Streaming Anime & Video Komunitas Full-Stack
Pokonime adalah platform streaming anime dan video komunitas berbasis Next.js 14 yang dibangun khusus untuk pasar Indonesia. Platform ini menggabungkan katalog anime terorganisir (dengan integrasi data MyAnimeList/MAL), konten video dari kreator dan fansub, sistem sosial komunitas yang kaya, serta ekosistem monetisasi kreator yang komprehensif — semuanya dalam satu aplikasi web yang mulus.
2. Infrastruktur Video Streaming HLS & DASH Berstandar Enterprise
Pokonime mengimplementasikan adaptive video streaming menggunakan HLS.js dan DASH.js dengan Secure HLS — sistem enkripsi dan pengamanan URL streaming untuk mencegah hotlinking dan pembajakan konten. Video disimpan di Cloudflare R2 / AWS S3 dengan presigned URL, didukung HLS preloading cerdas untuk pengalaman buffering minimal. Platform juga mendukung Progressive Web App (PWA), memungkinkan instalasi sebagai aplikasi native.
3. Sistem Fansub Komunitas & Subtitle Quest (Gamifikasi)
Fitur unggulan Pokonime adalah SubtitleQuest — sistem gamifikasi untuk komunitas penerjemah subtitle anime. Pengguna dapat mengambil 'quest' penerjemahan episode, mengajukan subtitle yang melewati proses review (status: OPEN → LOCKED → REVIEW → PROVISIONAL → APPROVED/REJECTED). Sistem ini mendukung upvote/downvote subtitle, payout kreator berdasarkan kontribusi, dan SubtitleDraft untuk menyimpan draft terjemahan.
4. Ekosistem Monetisasi Kreator yang Komprehensif
Platform menyediakan multiple stream pendapatan untuk kreator: sistem Tipping (penonton bisa mengirim tip lewat Midtrans), Creator Membership (harga berlangganan mingguan/bulanan), sistem Coin (pembelian paket koin untuk interaksi premium), Withdrawal otomatis ke rekening bank/e-wallet, hingga program SubtitleQuest Payout. Revenue-sharing antara kreator dan platform dikelola secara otomatis dengan pembukuan creatorRevenue vs systemRevenue.
5. Sistem Sosial & Komunitas Lengkap Seperti Media Sosial
Pokonime hadir dengan fitur sosial selengkap platform media sosial: Follow/Following, Like pada post dan anime, Favorites, Komentar multi-tipe (TEXT, STICKER, GIF, GIFT, VOICE, VIDEO, IMAGE), Repost, Notifikasi real-time (LIKE, COMMENT, FOLLOW, REACTION, SYSTEM), dan Messaging. Pengguna juga dapat membuat Playlist pribadi, menyimpan anime favorit, dan mengikuti update anime tertentu.
6. Profil Kreator dengan Sistem Dekorasi & Personalisasi Premium
Setiap profil pengguna/kreator dapat dipersonalisasi dengan sistem Dekorasi premium: Frame profil, Name Style, Profile Effect, Profile Theme, dan Animated Avatar. Sistem badges, community score, dan streak months memberikan insentif gamifikasi keaktifan komunitas. Kreator terverifikasi mendapat status isVerified melalui proses KYC (NIK + foto KTP) via CreatorVerification.
7. Algoritma Feed Adaptif & Analytics Konten Granular
Platform menggunakan algoritma feed adaptif dengan FeedCache berbasis IndexedDB untuk scroll yang mulus. useInfiniteFeed mengimplementasikan infinite scroll dengan TanStack React Query, sementara halaman 'On Fire' menampilkan konten trending. PostDailyAnalytics dan PostTrafficSource memungkinkan kreator melacak performa konten secara granular — view count, watch time, likes, subscriber gain, dan estimated revenue.
8. Studio Upload & Manajemen Konten Kreator
Kreator dapat mengunggah video melalui Studio dengan upload flow berbasis AWS S3/R2 presigned URL, tracking progress upload real-time, dan pemrosesan episode otomatis (status: PROCESSING → PUBLISHED/FAILED). Studio juga dilengkapi manajemen Playlist dengan drag-and-drop (@dnd-kit), thumbnail generation, dan media recorder untuk recording langsung dari browser.
9. Admin Panel & Analytics Platform Terintegrasi
Platform dilengkapi Admin Panel komprehensif: moderasi konten & pengguna, manajemen katalog anime (data MAL, episode, source URL), persetujuan CreatorVerification KYC, pengelolaan AnimeRequest dari komunitas, pengaturan AdCampaign, pengelolaan CoinPackage, dan pemantauan AudienceAnalytics. SearchKeywordAnalytics memungkinkan admin memahami tren pencarian untuk pengembangan katalog.
10. Keamanan & Performa Enterprise-Grade
Pokonime dibangun dengan lapisan keamanan berlapis: hCaptcha untuk proteksi form, Supabase RLS untuk isolasi data antar pengguna, middleware autentikasi Next.js yang ketat, Secure HLS untuk proteksi konten video, dan crypto-js untuk enkripsi data sensitif. Performa dioptimalkan dengan Vercel Analytics & Speed Insights, IndexedDB caching, HLS preloading cerdas, dan Framer Motion untuk animasi smooth.