Work
Projects
Filter by category or search — click a card for the full gallery, or open its detail page.
8 projects shown
Web ApplicationRewwis — AI Waste Classification
Rewwis is a web app that classifies 12 types of waste end-to-end using a CNN-based image classification model. Users upload a photo of waste and get the classification result instantly in the browser. Repository: https://github.com/chndrwali/RecycleWasteWisely
React.js (Vite) · TensorFlow · MobileNetV2 · Tailwind CSS · JavaScript
AIMachine LearningTensorFlowCNN
↗
Open SourceNext.js Starter Kit — Production-Ready Full-Stack Boilerplate
A production-ready full-stack boilerplate for building modern web apps — auth, database, tRPC, file uploads, and an admin dashboard included out of the box. The base of this portfolio and of Starter Kit PRO. Repository: https://github.com/chndrwali/nextjs-starter-kit
Next.js 16 · React 19 · TypeScript 5 · Tailwind CSS 4 · shadcn/ui · Better Auth · Prisma 7 · PostgreSQL · tRPC 11 · UploadThing 7 · React Hook Form · Zod
Open SourceBoilerplateStarter KitFull-Stack
↗
Sistem InformasiREKSA — Finance and Attendance Records
A web-based administrative recording system for construction projects, built by Candra while working as KDMP admin in Majalengka to simplify expense recaps; manages attendance, worker wages, material purchases, and equipment rental in one platform. Repository: https://github.com/chndrwali/management-system
Next.js 16 · React 19 · TypeScript · Tailwind CSS 4 · shadcn/ui · Better Auth · Prisma 7 · PostgreSQL · tRPC 11 · TanStack Table · Recharts
KeuanganAbsensiKonstruksiAdministrasi
↗
EdukasiBelajar CPNS — Online SKD Study System
A CPNS exam study system for SKD preparation; 15 TWK/TIU/TKP lessons, 150 quiz questions per chapter, a 110-question SKD tryout with a 100-minute timer and per-section scoring vs the passing grade, an administration checklist, and YouTube video references. Repository: https://github.com/chndrwali/belajar-cpns
Next.js16React19TypeScriptTailwindCSS4shadcn/uitRPCPrismaBetterAuthVercel
CPNSSKDEdukasiTryout
↗
SaaSTemuUndang — WhatsApp-Style Digital Wedding Invitations
A SaaS for digital wedding invitations that opens like WhatsApp — WA-style loading screen, greeting chat list, group chat with messages appearing one by one with auto-scroll, incoming video call with ringtone, then an elegant invitation page (countdown, couple profile, RSVP, digital envelope, gallery); data centralized in one file, customizable per couple. Repository: https://github.com/chndrwali/saas-wa-wedding
Next.js 16 · React 19 · TypeScript 5 · Tailwind CSS 4 · tRPC 11 · Drizzle ORM · Neon · Better Auth · React Hook Form · Zod · shadcn/ui · GSAP · Motion · Vercel
SaaSUndanganWhatsAppPernikahan
↗
E-CommerceRukun Perkasa — Online Wood Furniture Store with AI Recommendations
An online wood-furniture store (Candra's thesis project) with a product catalog, categories, and an AI Recommendation feature that analyzes room photos to suggest furniture matching budget and room size. Includes custom design, interior consultation, restoration, delivery and installation services.
Next.js · React · TypeScript · Tailwind CSS · Vercel
E-Commerce, AI, Furniture, Next.js
↗
Web ApplicationWA-Style Wedding Invitation — Digital Wedding Invitation with a WhatsApp Feel
A digital wedding invitation with a WhatsApp feel (Next.js) — WA loading screen, chat list, auto-scrolling group chat, incoming video call, elegant invitation page (countdown, couple profile, RSVP, digital envelope, gallery); data centralized in lib/data.ts. Repository: https://github.com/chndrwali/wa-wedding
Next.js16React19TypeScriptTailwindCSS4GSAPMotion
UndanganWhatsAppPernikahanNext.js
↗
EducationWEBEPAS — Science and Social Studies Learning Web
A web app for learning IPAS (natural and social sciences); interactive lessons on the properties and changes of matter (solid/liquid/gas; types and examples of changes), prayer page, instructions, and navigation menu; Admin/User role login, audio support, and animations. Repository: https://github.com/chndrwali/webepas
Next.js 15 · React 19 · TypeScript · Tailwind CSS 3 · Prisma 6 · PostgreSQL · Auth.js · Framer Motion · GSAP
Edukasi, IPAS, Pembelajaran, Interaktif
↗