Work

Filter by category or search — click a card for the full gallery, or open its detail page.

8 projects shown

Rewwis — AI Waste ClassificationWeb Application

Rewwis — 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
Next.js Starter Kit — Production-Ready Full-Stack BoilerplateOpen Source

Next.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
REKSA — Finance and Attendance RecordsSistem Informasi

REKSA — 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
Belajar CPNS — Online SKD Study SystemEdukasi

Belajar 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
TemuUndang — WhatsApp-Style Digital Wedding InvitationsSaaS

TemuUndang — 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
Rukun Perkasa — Online Wood Furniture Store with AI RecommendationsE-Commerce

Rukun 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
WA-Style Wedding Invitation — Digital Wedding Invitation with a WhatsApp FeelWeb Application

WA-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
WEBEPAS — Science and Social Studies Learning WebEducation

WEBEPAS — 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