>_
Technical Skills
- Frontend Development: React.js, TypeScript, Next.js
- Backend Development: Node.js, Express, GraphQL
- Blockchain: Ethereum, Solidity, Web3.js, Smart Contracts
- DeFi Development: DEX, Yield Farming, Token Standards
Technical Expertise and Development Stack
✨ Unleashing Innovation
As a fullstack blockchain developer in Indonesia, I leverage these modern web development and blockchain technologies to build secure, scalable applications. My tech stack includes industry-standard tools for frontend, backend, and Web3 development.
Node JS
Express JS
Next JS
React JS
PostgreSQL
MongoDB
Javascript
Typescript
HTML5
CSS3
Solidity
React Native Expo
Go
Elysia JS
Hono JS
Foundry
MySQL
gRPC & Protobuf
GraphQLCore Technical Competencies
- Frontend Development: Expert in React.js, Next.js, and modern JavaScript
- Backend Development: Node.js, Express.js, and database management
- Blockchain Development: Solidity smart contracts and Web3 integration
- Full Stack Capabilities: End-to-end application development
✨ Featured Projects
DiscoverOurLatest Work.
Explore my portfolio of innovative blockchain and web development projects. From DeFi applications to fullstack solutions, each project showcases expertise in React, Next.js, and Web3 technologies. Delivering solutions worldwide.
✨ All Projects
ExploreAllProjects.
Dive into my complete portfolio — from blockchain dApps and fullstack web apps to AI integrations and open-source tools. Each project represents a real-world problem solved with modern technologies, clean architecture, and thoughtful design. Browse the full collection of everything I've built, experimented with, and shipped.
ZenTic - Decentralized NFT E-Ticketing Platform
A decentralized SaaS e-ticketing platform that converts event tickets into ERC-721 NFTs on the Base Layer-2 blockchain. Combines blockchain security with familiar Web2 checkout — users buy tickets with Indonesian Rupiah via Midtrans while the system automatically generates crypto wallets and mints NFT tickets behind the scenes. Features dynamic QR codes that refresh every 60 seconds with cryptographic signatures, on-chain ticket transfers, automatic 75% smart-contract-enforced refunds, and a public ticket checker portal for full on-chain audit trails.
Vyper Mini - DEX Trenches Showcase
A performance-focused lightweight showcase of the Vyper Dex Trenches page, built to demonstrate high-performance real-time batch-processed data updates on a massive virtualized card list in React. Features react-window list virtualization, micro-component architecture, diff-gating via Zustand stores, and React.memo optimization to maintain good FPS rendering. All token metrics and prices are locally simulated mock data.
traceit CLI - AI Codebase Indexer
A zero-dependency CLI tool that indexes structured @traceit annotation comments from any codebase into a machine-readable traceit.json for AI agents. Language-agnostic — works with TypeScript, Go, Python, Rust, and more via comments only, no AST parsing. Features include fuzzy keyword search with relevance scoring, stale annotation detection against git history on validate, CI integration, concurrent scanning with .gitignore awareness, and configurable file/depth limits for large codebases. Agents read one file and instantly understand every annotated block, its exports, dependencies, and domain.
SwiftThumbnail - AI YouTube Thumbnail Generator
AI-powered YouTube thumbnail generation platform that reverse-engineers any style and produces high-CTR variants in seconds. Features style clone technology, face swapping, background removal, AI upscaling, ratio adapter, thumbnail analyzer with saliency heatmaps and CTR prediction, A/B testing console, and MCP integration for AI agents. Built with Next.js 16, Supabase, and multi-modal AI models.
ExpertIndo - Digital Certificate & Training Management
A full-stack digital certificate and training management platform that automates the entire certificate lifecycle — from training creation and participant enrollment to automated certificate generation with unique QR codes and public verification. Certificates are rendered server-side using Node.js Canvas with custom templates, participant name, training details, dates, and QR codes — all generated in bulk. Features interactive admin dashboards with Recharts analytics, role-based access (Admin/Participant), bulk Excel import/export, and a public verification portal where anyone can verify certificate authenticity without logging in.
BKPSDM - HR Competency Development Information System
An integrated HR competency development information system for BKPSDM Surakarta that unifies the entire civil servant development lifecycle — from competency needs analysis (AKPK) and training management to registration, reporting, alumni tracking, and post-training evaluation. Built with Laravel 11, this system replaces manual paper-based processes with structured workflows featuring role-based access control (superadmin, admin, alumni, supervisor, peer), dual authentication, AKPK self and supervisor assessment with competency gap scoring, end-to-end training lifecycle management, multi-role post-training evaluation, PDF and Excel report export, Solowasis e-learning integration, and comprehensive module management.
DigiPerpus - Digital Library Management System
A comprehensive digital library management system purpose-built for Indonesian schools, covering the full lifecycle of school library operations — from member management and book cataloging to transaction processing, fine calculation, and automated document generation. Built with a monorepo architecture featuring an Express.js REST API (three-layer: router/controller/service) and a Next.js 14 frontend with role-aware interfaces. Supports 25+ database entities including RBAC with four-tier authorization (SuperAdmin, Admin, Guru, Siswa) and feature-level permissions. Includes OPAC catalog with embedded PDF viewer, automated DOCX/PDF/Excel report generation, barcode/label printing, "Bebas Perpustakaan" clearance workflow, grade promotion, DDC classification, NISN/NIP-based member identification, and PWA support with service worker caching.
Smart Exam - Blockchain-Powered Assessment Platform
An innovative examination platform I developed that leverages blockchain technology for secure and transparent assessment processes. Built with Next.js and Viem, this solution ensures tamper-proof exam records and results verification. The platform demonstrates the practical application of Web3 technologies in educational contexts.
Rumah Atalla - Fashion and Food E-Commerce
Rumah Atalla Cashier is a user-friendly cashier application designed with multiple user roles to streamline business operations. The platform features a comprehensive dashboard with full analytics, responsive design, and custom modern UI crafted with Tailwind CSS. It includes full CRUD operations using REST APIs, providing seamless management of data and users. Developed with MERN Stack, React for the frontend and powered by Express.js and Node.js for the backend, with MongoDB for reliable data storage.
Project Categories
- Blockchain Development: Smart contracts, DeFi applications, Web3 integration
- Frontend Development: React.js, Next.js, TypeScript applications
- Fullstack Solutions: End-to-end web applications with modern tech stack
- E-commerce Development: Custom online retail solutions
✨ Discover Our Offerings
ElevateYourExperience
Expert web development and blockchain solutions. Specializing in React.js, Next.js, and Web3 technologies. Delivering secure, scalable, and innovative digital solutions worldwide.
Web App Development
Web App Development
Create tailored web applications to meet your unique business needs, from simple landing pages to complex enterprise solutions.
API Development
Develop APIs to enable seamless integration between different software applications and services.
Backend Development
Develop the server-side infrastructure for your web or mobile applications, including databases, APIs, and backend logic.
Frontend Development
Create visually appealing and user-friendly interfaces for your web applications using modern frontend technologies.
Blockchain Development
Develop the server-side infrastructure for your web or mobile applications, including databases, APIs, and backend logic.
AI Integration
Integrate artificial intelligence capabilities into your applications, from intelligent chatbots and recommendation engines to predictive analytics and automated decision-making systems.
Mobile iOS and Android Development
Build cross-platform mobile applications that deliver native-grade performance and user experience on both iOS and Android using React Native and Expo.
Service Categories
- Web Development: Custom websites and web applications
- Blockchain Development: Smart contracts and DeFi solutions
- Frontend Development: React.js and Next.js applications
- Backend Development: Node.js and database solutions
- Full Stack Development: End-to-end application development
- AI Integration: LLM, chatbots, predictive analytics, and intelligent automation
- Mobile Development: Cross-platform iOS and Android apps with React Native
✨ Find Your Answers
FrequentlyAskedQuestions
What is your pricing model?
My pricing is project-based, and it depends on the project's scope, complexity, and required timeline. I offer transparent pricing and will provide a detailed quote after discussing your requirements.
Do you offer consultations before starting a project?
Yes, I offer a free initial consultation to understand your project's needs, objectives, and scope. This helps us both determine if we are a good fit for working together.
What is the typical timeline for a project?
The timeline varies depending on the project's complexity and scope. Smaller projects can take a few weeks, while larger applications may require several months. I provide a detailed timeline after the initial consultation.
Do you build mobile-responsive and cross-browser compatible websites?
Yes, all websites and applications I develop are mobile-responsive and thoroughly tested for cross-browser compatibility to ensure optimal performance on all devices and platforms.
Can you work with existing codebases or legacy systems?
Yes, I can work with existing codebases or legacy systems to make improvements, updates, or integrations. I ensure that any new development is compatible with the current system while enhancing performance and security.
How do you handle changes or revisions during a project?
I follow an agile approach to development, which allows for flexibility and iterative feedback. Any changes or revisions are discussed and documented to ensure they align with the project's goals and timeline.
Do you offer SEO optimization for websites?
Yes, I can implement on-page SEO best practices, including meta tags, optimized URLs, structured data, and fast loading times, to help improve your website's visibility in search engines.
Can you migrate my existing website or application to a new platform or framework?
Yes, I can help migrate your website or application to a new platform or framework, ensuring minimal downtime, data integrity, and enhanced performance.
What is your pricing model?
My pricing is project-based, and it depends on the project's scope, complexity, and required timeline. I offer transparent pricing and will provide a detailed quote after discussing your requirements.
Do you offer consultations before starting a project?
Yes, I offer a free initial consultation to understand your project's needs, objectives, and scope. This helps us both determine if we are a good fit for working together.
What is the typical timeline for a project?
The timeline varies depending on the project's complexity and scope. Smaller projects can take a few weeks, while larger applications may require several months. I provide a detailed timeline after the initial consultation.
Do you build mobile-responsive and cross-browser compatible websites?
Yes, all websites and applications I develop are mobile-responsive and thoroughly tested for cross-browser compatibility to ensure optimal performance on all devices and platforms.
Can you work with existing codebases or legacy systems?
Yes, I can work with existing codebases or legacy systems to make improvements, updates, or integrations. I ensure that any new development is compatible with the current system while enhancing performance and security.
How do you handle changes or revisions during a project?
I follow an agile approach to development, which allows for flexibility and iterative feedback. Any changes or revisions are discussed and documented to ensure they align with the project's goals and timeline.
Do you offer SEO optimization for websites?
Yes, I can implement on-page SEO best practices, including meta tags, optimized URLs, structured data, and fast loading times, to help improve your website's visibility in search engines.
Can you migrate my existing website or application to a new platform or framework?
Yes, I can help migrate your website or application to a new platform or framework, ensuring minimal downtime, data integrity, and enhanced performance.
Common Questions About Our Services
- Web Development Services and Pricing
- Project Timeline and Development Process
- Technical Capabilities and Technology Stack
- Maintenance and Support Services