Full-Stack Developer & Building Digital Solutions
I create beautiful, functional, and user-centered digital experiences. Specializing in React, Next.js, and modern web technologies with a passion for clean code and exceptional design.
Interactive 3D Experience
Explore my work in an immersive 3D environment. Move your mouse to interact with the elements.
Loading 3D Scene...
What I Bring to the Table
A comprehensive skill set spanning frontend, backend, design, and project management to deliver exceptional digital solutions.
Frontend Development
Expert in React, Next.js, TypeScript, and modern CSS frameworks like Tailwind CSS.
Backend Development
Proficient in Node.js, Python, databases, and API development.
UI/UX Design
Creating intuitive and beautiful user interfaces with Figma and Adobe Creative Suite.
Mobile Development
Building cross-platform mobile apps with React Native and Flutter.
DevOps & Cloud
Experience with AWS, Docker, CI/CD pipelines, and modern deployment strategies.
Project Management
Leading development teams and managing projects from concept to deployment.
How I Work With Clients
A proven methodology that ensures successful project delivery and client satisfaction.
Discovery & Planning
Understanding your needs, goals, and target audience to create a comprehensive project roadmap.
Design & Development
Creating wireframes, prototypes, and developing your solution using best practices and modern technologies.
Testing & Launch
Thorough testing, optimization, and deployment with ongoing support and maintenance.
Recent Work
A selection of projects that showcase my skills and experience across different technologies and industries.
Go Explore
Laravel, MySQL
A booking application for destinations in Surabaya.
- Responsive Design
- Payment Gateway
- Admin Panel
- Booking & Ticketing System
- Destination Search & Filter
- Interactive Map & Navigation
- User Reviews & Ratings
- Popular Destination Recommendations
- Notifications & Reminders
- SEO Optimized
Go Orbit Company
Cromwell Framework, Next.js, TypeScript, MySQL
Go-orbit provides tailored training, coaching, and consulting to build skills, enhance performance, and achieve the best results.
- Insights and motivation for teams
- Training and coaching
- Consulting and mentoring
- Experience-based learning and outbound
- Special bootcamp training
- Event and MICE organizer
Danusin
Next.js, Typescript, Tailwind CSS, PocketBase
An application to help track business fund locations.
- Real-Time Seller Location Tracking on Map
- Coordinator Dashboard for Team Monitoring
- Centralized Seller Team Management (by Coordinator)
- Seller Activity Status Update (e.g., 'Selling', 'Resting')
- Secure Authentication System for Coordinators and Sellers
- Role-Based Access Control (Coordinator vs. Seller)
Company Profile HIMTI 2025
Laravel, PHP, Tailwind CSS, MySQL
A company profile application for the Informatics Engineering Student Association 2025.
- Homepage with Organization Profile
- Organizational Structure and Department Details
- Agenda and Annual Work Program Plans
- News, Articles, and Announcements Portal
- Photo and Video Activity Gallery
- Registration Form and Contact Page
- Content Management System (CMS) for Admin
- Integration with Official Social Media Accounts
- Modern Responsive Design on All Devices
Chat bot Whatsapp
n8n, WAHA, VPS, Redis
An intelligent WhatsApp chatbot built to surpass the standard capabilities of Meta AI. This bot has advanced multimodal capabilities, allowing it to analyze and process various types of media such as images, videos, documents, and voice messages directly within the conversation.
- Image Content Analysis (Image Recognition)
- Video Summarization and Analysis
- Text Extraction from Documents (PDF, Docx)
- Voice Message Transcription to Text
- Contextual Conversation Capability
- Automated Workflow Integration (via n8n)
- Multimodal Support (Text, Image, Voice, Document)
Volunteer Vibe Application
Android OS, Pocketbase, Flutter
A mobile application designed to promote volunteerism among youth by connecting them with volunteer organizations through an engaging and accessible platform.
- Event Search by Geolocation
- Gamification with Points and Badges
- Social Media Sharing
- Volunteer Hour Tracking
My Code Application
Android OS, Pocketbase, Flutter
An interactive mobile application for learning coding designed for beginners, similar to W3Schools. This app provides structured courses, exercises, and gamification elements to make the learning process effective and enjoyable.
- Various Programming Courses
- Interactive Exercises
- Gamification Features (Points & Badges)
- In-App Code Editor
- Learning Progress Tracking
Netflix Application
Android OS, Pocketbase, Flutter
A clone project of the popular video streaming service, Netflix. This project replicates the core user experience of browsing, searching, and watching video content, built using Flutter for mobile applications.
- User Authentication (Login & Register)
- Homepage with Movie Categories
- Content Search Function
- Movie Detail Page (Synopsis & Rating)
- Integrated Video Player
- User Profile and 'My List'
Si Pandu Application
Android OS, Pocketbase, Flutter
A community reporting application for a region, allowing users to report natural disaster events directly through a map interface. Submitted reports can then be viewed and processed by local governments for faster and more coordinated responses.
- Map-Based Reporting
- Submit Reports with Photos & Descriptions
- Report Status Tracking (Received, In Progress, Completed)
- Government Dashboard for Report Verification
- Real-Time Notifications
Database Manager
SvelteKit, Go Fiber, MongoDB
A web-based database management tool that allows users to connect to multiple types of databases such as PostgreSQL, MongoDB, and MySQL. The platform provides features to remotely manage collections/tables and automatically generates secure REST APIs for each collection, complete with a permission system.
- Multi-Database Connection (PostgreSQL, MongoDB, MySQL)
- Remote Collection/Table Management
- Automatic REST API Generator
- Permission System for APIs
- Graphical User Interface (GUI) for Data
Auto Pre-Processing Data Tools
SvelteKit, Go Fiber, Python
A web-based tool designed to automate and simplify the data preprocessing workflow for machine learning needs. Users can upload datasets and apply various preprocessing techniques through an interactive interface to prepare raw data for machine learning models.
- Upload Dataset (CSV, Excel, etc.)
- Handle Missing Values
- Data Transformation (Normalization & Standardization)
- Categorical Variable Encoding
- Interactive Data Visualization
- Download Preprocessed Dataset
Ready to Start Your Next Project?
Let's work together to bring your ideas to life. I'm available for freelance projects and full-time opportunities.
Available for new projects. Let's discuss your ideas.