Fullstack Portfolio
Crafted Digital Solutions
A collection of websites & applications I have developed, ranging from personal projects to real clients. All built using modern technologies like Next.js, Tailwind CSS, and integrated APIs.
SDIT ANNAJM
Here is the translation into English: The SDIT Annajm Rabbani website is the school's official digital information and communication platform designed to introduce its profile, educational programs, activities, achievements, facilities, and New Student Admission (PPDB) information to the public and prospective parents. The website carries the identity of SDIT Annajm Rabbani as an integrated Islamic school committed to shaping a Quranic generation with Moral, Independent, Intelligent, and Cheerful characters. It provides various information such as the school's profile and vision-mission, teachers and staff, facilities, extracurriculars, activity documentation, student achievements, parent testimonials, school news, and information and procedures for online student registration. With a modern, informative, and responsive design, this website serves as a medium to enhance the delivery of school information while building communication and trust between the school, parents, and the community.
- NextJs
- Tailwind
- Prisma ORM
- PosgreSql
API Whatsapp Gateway
What is fsn-wa-gateway? fsn-wa-gateway is a web-based WhatsApp Gateway application built with the Next.js (App Router) framework. This application allows users or third-party systems to send WhatsApp messages programmatically via the REST API. Main Architecture Frontend & Admin Panel: Uses Next.js for the user interface (Dashboard) and Admin pages. Database: Uses PostgreSQL with Prisma ORM to store user data, device status, message history, and daily quota. WhatsApp Engine (VPS): Integrated with an external VPS based on the Baileys library that acts as a connecting engine to the WhatsApp protocol (managing connections, QR Code scanning, pairing codes, and message delivery). Key Features Multi-Device Management: Users can register their WhatsApp devices, receive a QR Code/pairing code for login, and monitor the device's connection status in real time. REST API & API Keys: Users can create unique API keys to integrate automatic WhatsApp messaging from external applications (using the /api/v1/messages/send endpoint). Daily Quota & Rate Limiting System: Limits the number of daily messages (DailyQuota) and delivery speed according to the user's subscription plan. Subscription Management (SaaS): Provides subscription plans (Free, Basic, Pro) integrated with the Pakasir Payment Gateway via webhooks for automatic activation. Delivery Log & Monitoring: Tracks the delivery status of each message (queued, delivered, successful, or failed) along with error messages if any occur. System & Admin Notifications: Internal bell notifications for users and an automatic notification system via WhatsApp directly to the admin number when important events occur (such as new subscription transactions).
- Next.js
- Supabase
- VPS
- Node.Js
Drip Client
DripClient adalah platform digital terpercaya yang menyediakan berbagai macam product key, game CD key, serta lisensi perangkat lunak original dengan harga terbaik di pasaran. Kami hadir sebagai solusi utama bagi para gamers yang menginginkan akses cepat, aman, dan legal ke game-game favorit mereka dari berbagai platform ternama seperti free fire, komputer, root android dll
- NextJs
- Tailwind
- Framer Motion
- Supabase
FullstackNotes Finance: Automated Fundamental & Technical Screener
A comprehensive full-stack web application designed to empower retail investors with institutional-grade market data. It features an automated data pipeline that aggregates real-time market feeds, runs complex algorithms for fundamental valuation (Margin of Safety) and technical analysis (Moving Averages & Price Action), and delivers actionable trading signals through a sleek, premium dashboard.
- NextJs
- Node
- Firebase
Paguyuban Buntas
A modern community website for people from Kebumen built with Next.js.
- Next.js
- Supabase
- Tailwind CSS
FullstackPOS
FullstackPOS is a modern, cloud-based Point of Sale (POS) system designed to fully digitalize end-to-end restaurant operations. It provides a comprehensive suite of features, including a self-service QR Code ordering system for customers, a real-time Kitchen Display System (KDS), and a smart queue management system equipped with automated voice announcements. Additionally, FullstackPOS supports versatile payment methods, ranging from offline cashier checkouts to integrated online Payment Gateways (QRIS), all backed by a powerful admin dashboard that makes tracking sales performance and managing analytical reports effortless.
- NextJs
- UI Cakra
- Prisma ORM