Hire me

Project

2025

Dialog-45

An educational AI chat experience that explores Indonesia’s independence through simulated conversations with historical figures.

Dialog-45

Overview

Dialog-45 is a personal project commemorating Indonesia’s 80th Independence Day. It lets users explore national history through educational AI conversations with Indonesian historical figures.

Problem

History can feel distant when presented only as static text. I wanted to create a more engaging way to reflect on Indonesia’s independence through conversational storytelling, while keeping the experience clearly framed as an AI simulation.

Solution

I built a focused web experience where users choose a historical figure and start a simulated AI conversation. The landing page introduces the theme, explains the educational purpose, and guides users into the experience.

Workflow

1

Choose a historical figure

2

Start a conversation

3

Ask contextual questions

4

Reflect through AI-guided responses

Key Features

Landing page themed around Indonesia’s 80th Independence Day.

Historical figure selection cards for focused conversations.

AI-powered simulated dialogue for educational exploration.

Clear disclaimer that conversations are AI simulations, not verified historical quotations.

Responsive red-and-white visual identity inspired by Indonesia’s national colors.

My Contribution

Designed the product concept for an interactive independence commemoration.

Built the landing flow, figure selection, and conversation entry point.

Shaped content direction around struggle, vision, and national dedication.

Implemented a clean visual system inspired by Indonesia’s red-and-white identity.

Technical Highlights

Next.js and React interface for a focused single-product experience.

Responsive UI composition with Tailwind CSS.

AI prompt and persona design for historical-character simulations.

Public deployment on Vercel.

Impact

Created a digital tribute for Indonesia’s 80th Independence Day.

Made historical reflection more interactive through conversational learning.

Encouraged users to explore national figures in a more engaging format.

Tech Stack

Next.jsNext.js
ReactReact
TypeScriptTypeScript
TailwindTailwind

Project Links