Developer

Trần Hiến Chương

A creative frontend portfolio featuring AI-assisted projects, legal-tech research, mobile prototypes, and colorful interactive web interfaces.

View work Get in touch

Focus: UI Systems
Stack: Next.js
Mode: Remote

Projects & Experiments

Real projects, research builds, and visual experiments.

A mix of real projects, research work, mobile prototypes, and UI experiments - built to explore AI, frontend systems, interaction design, and polished digital experiences.

Featured ProjectResearch Project

AI / LegalTech / Thesis Project

Vietnamese Labor Law AI Assistant

This project explores how AI can help users search and understand Vietnamese labor-law documents in a controlled, citation-aware way. The assistant retrieves legal context, expands it through a legal knowledge graph, and validates citations before producing a grounded answer.

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

PythonFastAPINext.jsTypeScriptQdrantNeo4jRAGGraphRAGLLM

View details View on GitHub

Mobile PrototypeIn Progress

Android / AI Studio / Personal Project

Gia Phả Việt

Gia Phả Việt is an early-stage mobile product experiment. It is presented as a prototype and learning project, not as a finished production app.

Android/Kotlin codebase
AI Studio generated workflow
Gemini API environment setup
Mobile prototype structure

KotlinAndroid StudioGemini APIAI StudioMobile App

View details View on GitHub

Personal ProjectIn Progress

Frontend / Motion Design

Creative Portfolio System

A visual-first portfolio system built to explore color, motion, glassmorphism, responsive layout, and interactive UI while keeping content editable and components reusable.

Dark neon visual system
Smooth scroll and reveal animations
Reusable UI components
Responsive layout

Next.jsTypeScriptTailwind CSSMotionGSAP

View details

UI ConceptConcept

Dashboard / Interface Design

Neon Analytics Dashboard

A glowing dashboard concept focused on responsive cards, animated numbers, glass panels, and dark interface polish for a structured, scannable interface study.

Glassmorphism dashboard cards
Dark UI composition
Animated data blocks
Responsive layout concept

Next.jsTailwind CSSMotion

View details

Featured Case Study

Building a citation-aware Vietnamese labor-law AI assistant.

A closer look at how the project combines retrieval, legal-document structure, graph expansion, and citation validation to produce grounded legal-information responses.

The problem

Vietnamese labor-law information is often fragmented across official documents, decrees, circulars, and legal interpretations. A user may ask a natural-language question, but the answer should still be grounded in relevant legal context instead of unsupported generation.

The solution

The assistant uses a scoped legal corpus and retrieval-augmented generation flow. It retrieves relevant legal context, expands related legal concepts through a knowledge graph, and validates citations before producing a final response.

Labor CodeC-1

DecreeC-2

CircularC-3

Architecture

User question

Hybrid retrieval

Legal graph expansion

Grounded generation

Citation validation

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.

Explore

Collect references, define the interaction goal, and keep the idea honest to the project scope.

Structure

Break the interface into reusable components, editable content, and predictable layout rules.

Polish

Refine contrast, spacing, motion, and responsive behavior without adding unnecessary complexity.

Experience

A concise timeline with room to grow.

Keep this section outcome-focused as you add real roles, freelance work, or featured collaborations.

2024 - Present

Frontend Developer

Independent Projects

Designing and building modern web experiences with clear structure, responsive layouts, and reusable components.

2023 - 2024

Web Developer

Learning Lab

Practiced product-focused frontend development across React, styling systems, and production workflows.

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

Social

GitHub Facebook LinkedIn