Mission archive // Complete records
Battle
Records
Back to main storyFeatured missions
CLEAREDDALL-E Clone
AI image generation app inspired by DALL-E workflows.
Built a full-stack image generation app with focused React UX and API-backed generation flow.
- React
- TypeScript
- Node.js
- MongoDB
CLEAREDHackernews Clone
News feed and discussion UI with GraphQL-driven data.
Implemented a Hackernews-style interface with Apollo Client and React query lifecycle control.
- React
- Apollo Client
- GraphQL
CLEAREDSehatin
Electronic medical record interface for capstone delivery.
Designed and shipped a healthcare-focused record UI for Generasi Gigih capstone scope.
- React
- TypeScript
- JSON Server
Archive missions
CLEAREDSpotify Playlist Creator
Playlist builder interface with search and curation flow.
Created a Spotify-inspired app for searching tracks and assembling personal playlists.
- React
- TypeScript
CLEAREDLa Liga Schedule
Football data interface for fixtures, standings, and teams.
Built a football information app focused on clear data browsing and ranking visibility.
- JavaScript
- PWA
CLEAREDBudget Tracker App
Expense tracking interface with shared application state.
Built a React budget tracker with Context API-based state management.
- React
- Context API
CLEAREDTask Tracker App
Task management interface implemented in Vue.
Built a lightweight task tracker with CRUD flow and local API simulation.
- Vue.js
- JSON Server
CLEAREDRochambeau Game
Interactive rock-paper-scissors game interface.
Implemented a browser game UI with state transitions and immediate feedback.
- JavaScript
- HTML
- CSS
CLEAREDEasybank Landing Page
Responsive marketing page for a digital banking concept.
Delivered a polished landing experience with clean visual hierarchy.
- HTML
- CSS
- JavaScript
CLEAREDClipboard Landing Page
SaaS landing page with conversion-focused content sections.
Built a modern SaaS landing page emphasizing readability and clear action flow.
- HTML
- CSS
- JavaScript
CLEAREDPathsoft Landing Page
IT agency landing page with strong section composition.
Crafted a responsive agency landing page with clear service storytelling.
- HTML
- CSS
- JavaScript
CLEAREDFylo Landing Page
Dark-themed SaaS landing page with clear conversion flow.
Implemented a dark-themed SaaS landing page balancing readability and contrast.
- HTML
- CSS
- JavaScript
CLEAREDFullstack Next.js Blog App
Full-stack blog platform with auth and data persistence.
Built a blog platform using Next.js, Prisma, and PostgreSQL with authentication flow.
- Next.js
- Prisma
- PostgreSQL
- NextAuth