Trần Hiến Chương

Independent Builder

TRẦN HIẾN CHƯƠNG

Personal LabINDEPENDENT BUILDER
CreateBuildShipAutomateOwn

Turning curiosity into products, and products into freedom through code, design, AI tools, and honest experiments. I build tools, interfaces, stories, prototypes, and research demos without pretending they are bigger than they are.

Builder mode
Tools + Stories
Materials
Code / Design / AI
Current experiments
LegalTech + Mobile
Trần Hiến Chương portrait

Selected builds

Tools, prototypes, research demos, and UI experiments.

Start with the legal-tech research assistant and Android prototype, then scan smaller concepts and experiments built from curiosity, code, design, and AI tools.

Main BuildResearch Project

AI / LegalTech / Thesis Project

Vietnamese Labor Law AI Assistant

The main build: a Vietnamese labor-law assistant using retrieval, graph context, grounded generation, and citation checks.

  • Scoped Vietnamese labor-law corpus
  • Hybrid dense/sparse retrieval with Qdrant
  • Legal graph expansion with Neo4j
PythonFastAPINext.jsTypeScriptQdrant+4 more
Prototype / Product ExperimentIn Progress

Android / AI Studio / Product Experiment

Gia Phả Việt

The second track: an Android/Kotlin product experiment for a Vietnamese family-tree idea, prepared around AI Studio and Gemini.

  • Android/Kotlin codebase
  • AI Studio generated workflow
KotlinAndroid StudioGemini APIAI Studio+1 more
Personal ProjectIn Progress

Frontend / Motion Design

Creative Portfolio System

A dark neon Next.js portfolio system for testing reusable sections, responsive layout, motion, and project storytelling.

Next.jsTypeScriptTailwind CSS+1 more
View details
UI ConceptConcept

Dashboard / Interface Design

Neon Analytics Dashboard

A compact dashboard UI study for practicing card hierarchy, dark composition, responsive grids, and readable data blocks.

Next.jsTailwind CSSMotion
View details

Main Build Deep Dive

Citation-aware AI for Vietnamese labor-law research.

The strongest project in this portfolio: a research build focused on retrieval, legal-document structure, graph context, and citation validation.

The problem

Vietnamese labor-law information is spread across official documents and related legal structures. A natural-language answer needs to stay tied to retrieved legal context instead of unsupported model output.

The solution

The assistant uses a scoped corpus, hybrid retrieval, graph expansion, grounded generation, and deterministic citation validation before returning a legal-information response.

Labor CodeC-1
DecreeC-2
CircularC-3

Architecture

01

User question

02

Hybrid retrieval

03

Legal graph expansion

04

Grounded generation

05

Citation validation

06

Final answer

Key features

Scoped Vietnamese labor-law corpus
Hybrid dense/sparse retrieval
Legal knowledge graph expansion
Grounded answer generation
Deterministic citation validation
Evaluation and reproducibility pipeline

Tech stack

PythonFastAPINext.jsTypeScriptQdrantNeo4jRAGGraphRAGLLM
This project is designed as a legal-information assistant and research project. It is not a replacement for professional legal advice.

Capabilities

Frontend skills for clean, scalable interfaces.

React
Next.js
TypeScript
Tailwind CSS
CSS Architecture
Accessibility
Design Systems
Performance

UI experiments

Small studies for sharper frontend craft.

Honest practice pieces focused on colorful UI, responsive layout, and component thinking.

UI Concept

Neon Command Palette

A keyboard-first overlay concept exploring glass panels, glow states, and compact navigation patterns.

InteractionGlass UIPrototype

Personal Experiment

Gradient Card System

Reusable card treatments for colorful portfolio surfaces without overwhelming the content hierarchy.

Visual SystemTailwindComponents

Practice Project

Responsive Lab Layout

A study in responsive spacing, section rhythm, and readable layouts across mobile and desktop screens.

ResponsiveLayoutFrontend

Process

A simple path from idea to polished interface.

The workflow stays practical so visual experiments still become usable frontend work.

01

Explore

Follow curiosity, collect references, and decide what the experiment is actually trying to prove.

02

Structure

Turn the idea into reusable pieces, editable content, and a clear interface or tool shape.

03

Polish

Refine contrast, spacing, motion, and responsive behavior without pretending the build is more finished than it is.

Build log

Independent practice without inflated claims.

A transparent timeline of personal builds, coursework, self-directed practice, and experiments.

2024 - Present

Tools, Interfaces, Experiments

Independent Builds

Building personal tools, portfolio systems, research demos, mobile prototypes, and UI concepts with code, design, and AI-assisted workflows.

2023 - 2024

Code, Design, AI Tools

Self-directed Practice

Practiced React, TypeScript, Tailwind CSS, accessibility basics, interface thinking, and small product experiments through coursework and personal builds.

CONTACT

Let's create something visually memorable.

Have an idea, opportunity, or collaboration in mind? Send a note and I'll get back with a clear, practical next step.

Direct inbox

tranhienchuong03062004@gmail.com

Send via Gmail