Home

All My Projects

A comprehensive collection of all projects I've worked on, showcasing different technologies and approaches to problem-solving.

WTG App
Active

WTG App

An all-in-one platform for Work and Travel in Australia on web, iOS, and Android, with job search, an AI job-application assistant, route planning, coaching, and a traveler community.

React
TypeScript
Capacitor
+2
Workbill
Active

Workbill

Invoicing and lightweight bookkeeping for freelancers: write invoices in a live PDF preview, share them as a link, track payments and expenses, and see real profit per currency.

Next.js
NestJS
PostgreSQL
+2
AI Chatbot
Active

AI Chatbot

An AI version of me that answers visitors' questions about my experience, projects, and skills from my resume, with saved chat history, a portfolio widget, and an admin dashboard for conversations.

Next.js
TypeScript
Google Gemini API
+2
Self-Hosted Coolify Platform
Private

Self-Hosted Coolify Platform

A self-hosted deployment platform that runs a company's web apps, APIs, and databases on its own EU servers, with load balancing, failover, and database replication.

Coolify
Docker
Traefik
+2
WTG Company Profile
Active

WTG Company Profile

The main company website for Work and Travel Guide, featuring a bilingual (German and English) homepage, blog, careers page, and a step-by-step travel planning tool.

Next.js
React
Strapi
+2
Remote Job Dev
Active

Remote Job Dev

A remote developer job board that labels every listing by where you can actually work from: worldwide, set hours, or country-restricted, with company pages, saved jobs, and application tracking.

Next.js
TypeScript
PostgreSQL
+2
Coffee Culture
Active

Coffee Culture

A coffee shop website built around where each drink comes from: a menu of 52 coffees mapped by their hometowns, with ordering, accounts, and an admin back room.

Next.js
TypeScript
Express
+3
News Site: Atjèh Times
Active

News Site: Atjèh Times

A news website featuring the latest articles, clean layout, intuitive navigation, and a custom-built CMS for authors.

React
Express
MongoDB
+2
WTG Internal Learning Platform
Private

WTG Internal Learning Platform

An internal learning platform where employees follow role-based learning paths with video, audio, text, and interactive HTML lessons, while admins manage content and track progress.

React
TypeScript
Express
+2
PyCodeChallenger
Active

PyCodeChallenger

An interactive Python coding challenge platform with real in-browser code execution, progress tracking, and a clean editor experience.

React
TypeScript
Vite
+3
Uptime Kuma Monitoring
Private

Uptime Kuma Monitoring

A self-hosted monitoring setup that checks a company's websites, APIs, servers, and mail services every minute and sends email alerts when anything goes down.

Uptime Kuma
Docker
Linux
Self-Hosted Supabase
Private

Self-Hosted Supabase

A self-hosted Supabase instance running on a company server, giving internal apps a Postgres database, auth, storage, and APIs without relying on Supabase Cloud.

Supabase
PostgreSQL
Docker
+1
Postal Email Server
Private

Postal Email Server

A self-hosted mail server for an AI job-application assistant, sending applications on users' behalf and routing replies back into the app.

Postal
Docker
Python
+2
FounderBase
Active

FounderBase

A full-stack platform where founders create profiles and showcase startups, with search, GitHub login, and an embedded Sanity Studio CMS.

Next.js
Sanity
NextAuth.js
+2
Electron Desktop Recorder
Private

Electron Desktop Recorder

A desktop app that records Microsoft Teams consultation calls and uploads them to the cloud, built with Electron and the Recall.ai Desktop SDK.

Electron
React
TypeScript
+2
Business Map
Private

Business Map

An interactive OpenStreetMap app for exploring business locations from Airtable, with clustering, search, radius analysis, and place details.

Next.js
React
TypeScript
+3
JSCodeChallenger
Active

JSCodeChallenger

An interactive JavaScript learning platform with coding challenges, an in-browser code editor, and instant test feedback.

React
TypeScript
Tailwind CSS
+2
WTG Activities Booking Platform
Archived

WTG Activities Booking Platform

A booking platform that connects customers with adventure activities across Australia, offering live and on-request reservations, secure payments, and admin management.

Next.js
React
TypeScript
+3
Payload CMS
Private

Payload CMS

A custom headless CMS built with Payload and PostgreSQL (Neon) to manage my portfolio's projects, certifications, and experience, with Cloudinary media storage.

Payload CMS
Next.js
PostgreSQL
+2
Strapi CMS
Private

Strapi CMS

A headless CMS built with Strapi that manages activities, reviews, blog posts, and job listings for a travel booking platform, with multi-language support.

Strapi
TypeScript
Node.js
+2
WTG B2B Hiring Page
Active

WTG B2B Hiring Page

A landing page for Australian businesses to discover and hire Work and Travel candidates through the WTG employer platform.

Next.js
React
TypeScript
+2
WTG Farmer Funnel
Active

WTG Farmer Funnel

A lead generation funnel offering a free farm job guide to backpackers in Australia, delivered through a WhatsApp community.

Next.js
React
TypeScript
+3
WTG Adventure Advisor Profiles
Active

WTG Adventure Advisor Profiles

Personal profile pages for WTG's Adventure Advisors, presented as full-screen photo stories so customers can get to know their guide.

Next.js
React
TypeScript
+2
WTG Packing List
Active

WTG Packing List

An interactive web version of the Australia packing list for Work and Travel, with checklists, an emergency card, and links into the WTG app.

Next.js
React
TypeScript
+2
WTG Cars Booking Platform
Archived

WTG Cars Booking Platform

A prototype vehicle rental and sale platform with 3D model previews, filtering, and detailed listings for cars and campervans across Australia.

Next.js
React
TypeScript
+2
Private

n8n Automation

n8n workflows with AI agents that classify and enrich company records and keep the CRM up to date automatically.

n8n
Claude API
Airtable API
+1
Private

Python Scraper

A Python web scraping and data enrichment pipeline that automates collecting business data from websites and syncs clean, structured records into a database.

Python
Playwright
Pandas
+2
IP Tracker
Active

IP Tracker

A web application that tracks and displays IP address information, including location and network details, on an interactive map.

React
TypeScript
Vite
+2
Old Portfolio Website
Active

Old Portfolio Website

My old personal portfolio website, featuring 3D elements, a chatbot, dark mode, multi-language support, and a resume viewer.

React
Vite
Three.js
+3
RecipeBot AI
Archived

RecipeBot AI

An AI-powered recipe app that suggests recipes based on ingredients you already have at home.

React
Vite
Hugging Face API
+2
Old Projects Collection
Active

Old Projects Collection

A retro, early-2000s styled homepage showcasing the web apps I built while learning, with a detail page for each project and content managed in Payload CMS.

Next.js
React
Payload CMS
+2
Amazon Clone
Active

Amazon Clone

A multi-page Amazon-style store with product search, a persistent cart, checkout with delivery options, order history, and package tracking.

JavaScript
HTML
CSS
+2
Clothing Store
Active

Clothing Store

A React clothing store with a searchable catalog, product pages with size selection, a persistent cart, a mock account, and a masked payment form.

React
Vite
Redux Toolkit
+2
Weather App
Active

Weather App

A weather app that shows the current conditions for any city, including temperature, humidity, wind, and local sunrise and sunset times.

JavaScript
HTML
CSS
+1
Travel Journal
Active

Travel Journal

A React travel journal that presents trips as photo cards with locations, descriptions, and links to Google Maps.

React
JavaScript
CSS
+1
YouTube Clone
Active

YouTube Clone

A responsive recreation of the YouTube homepage layout, built with pure HTML and CSS.

HTML
CSS
Word Guessing Game
Active

Word Guessing Game

A hangman-style word game in React where every wrong guess eliminates a programming language, ending with Assembly.

React
JavaScript
CSS
+1
Tenzies
Active

Tenzies

A React dice game where you hold dice and keep rolling until all ten show the same number.

React
JavaScript
CSS
+1
Calculator
Active

Calculator

A simple calculator for basic arithmetic that remembers your last calculation.

JavaScript
HTML
CSS
To-Do List
Active

To-Do List

A to-do list where each task has a due date, saved in the browser so it survives a reload.

JavaScript
HTML
CSS
Rock Paper Scissors
Active

Rock Paper Scissors

Rock, Paper, Scissors against the computer, with a saved score, auto-play mode, and full keyboard controls.

JavaScript
HTML
CSS
Password Generator
Active

Password Generator

A password generator with custom length and character sets, input checks, and one-click copy to clipboard.

JavaScript
HTML
CSS
Temperature Converter
Active

Temperature Converter

A converter between Celsius, Fahrenheit, and Kelvin in any direction.

JavaScript
HTML
CSS
Dice Roller Game
Active

Dice Roller Game

Roll any number of dice at once and see each result as a dice image, plus the total.

JavaScript
HTML
CSS
Stopwatch
Active

Stopwatch

A minimalist stopwatch with start, stop, and reset, accurate to the hundredth of a second.

JavaScript
HTML
CSS
Number Guessing Game
Active

Number Guessing Game

Guess a random number between 1 and 100 with too-high and too-low hints and an attempt counter.

JavaScript
HTML
CSS

© 2026 Created by Rafif Ramadhana