đ.PHAN VĂN ĐẠTFRONT-END DEVELOPER
Late-night ideas

Phan Văn Đạt — Front-end Developer

WELCOME TO MY WORKSPACE

A little corner of my world.

A desk, a few ideas, and a story to turn through.
ĐẠT / JOURNALVOL. 01
Phan Văn Đạt

hello, world. ↗

A face behind the pixels.

PHAN VĂN ĐẠT01
ĐẠT / JOURNALVOL. 01

01 / Meet Đạt

Good interfaces start with people.

I'm Dat, a front-end developer. I enjoy turning ideas into clear, approachable web applications with HTML, CSS, JavaScript and the React ecosystem.

I build easy-to-use web interfaces, paying attention to every detail from layout to interaction.

Đạt ✳
My toolkit
PHAN VĂN ĐẠT02
ĐẠT / JOURNALVOL. 01

02 / My toolkit

My toolkit.

THOUGHTFUL DESIGN. CLEAR EXPERIENCES.

React / Next.js
TypeScript / CSS

Thoughtfully built,
one detail at a time.

PHAN VĂN ĐẠT03
ĐẠT / JOURNALVOL. 01
01

Web interfaces

React · Next.js · TypeScript · Tailwind CSS

Explore the KADA website
02

Applications & data

Node.js · MongoDB · Cloudinary

Explore TDTU FIND
03

E-commerce

React · Tailwind CSS · TanStack Query

Explore AI E-shoes Shop
PHAN VĂN ĐẠT04
ĐẠT / JOURNALVOL. 01

03 / Selected work

KADA.

PHAN VĂN ĐẠT05
ĐẠT / JOURNALVOL. 01

Design & Frontend

KADA

A clear introduction to KADA's products and services, helping visitors find information and send enquiries.

The challenge
Present the company, products and services through an approachable homepage.
My contribution
Designed and built the homepage and integrated the contact form.
  • Next.js
  • React
  • Tailwind CSS
PHAN VĂN ĐẠT06
ĐẠT / JOURNALVOL. 01

04 / Selected work

AI E-shoes Shop.

PHAN VĂN ĐẠT07
ĐẠT / JOURNALVOL. 01

Frontend

AI E-shoes Shop

An online shoe store combining product discovery with an AI-powered recommendation assistant.

The challenge
Help shoppers find suitable products in an online shoe catalogue.
My contribution
Responsible for the React frontend of the online shoe store.
  • React
  • Tailwind CSS
  • shadcn/ui
  • TanStack Query
  • Zustand
  • React Router
PHAN VĂN ĐẠT08
ĐẠT / JOURNALVOL. 01

05 / Selected work

TDTU FIND.

PHAN VĂN ĐẠT09
ĐẠT / JOURNALVOL. 01

Frontend & Backend

TDTU FIND

A lost-and-found application for students, with item listings, photos and contact information.

The challenge
Connect students who have lost items with people who have found them.
My contribution
Responsible for both the frontend and backend of the lost-and-found application.
  • React
  • Node.js
  • MongoDB
  • Cloudinary
  • Tailwind CSS
  • shadcn/ui
PHAN VĂN ĐẠT10
ĐẠT / JOURNALVOL. 01

06 / More explorations

More explorations.

A selection of business websites, e-commerce experiences and community applications.

PHAN VĂN ĐẠT11
ĐẠT / JOURNALVOL. 01
04 / CONTENT PLATFORM

Richard Tran Copywriter

A spa course website bringing together video learning and an affiliate programme.

Explore project Interface preview: Richard Tran Copywriter

Course discovery, student accounts, videos and an affiliate programme.

WordPress

05 / E-COMMERCE

Drink Water Shop

An online water shop with a product catalogue, shopping cart and store management area.

Explore project Interface preview: Drink Water Shop

Product catalogue, cart, inventory, orders and sales reports.

Spring · MySQL · HTML · CSS · Bootstrap

06 / DIGITAL PRODUCTS

App & Game Marketplace

An app and game marketplace with discovery, purchasing, downloads and seller product management.

Explore project Interface preview: App & Game Marketplace

Digital product catalogue, search, reviews and seller management.

PHP · MySQL · HTML · CSS · Bootstrap

PHAN VĂN ĐẠT12
ĐẠT / JOURNALVOL. 01

07 / Keep in touch

Every good project starts with a conversation.

Thanks for stopping by.

PHAN VĂN ĐẠT13
ĐẠT / JOURNALVOL. 01

START A CONVERSATION

Let's build something thoughtful.

Have an idea, an opportunity to collaborate or a project to discuss? Send me an email.

phanvandat.it@gmail.com

Open your email app, or copy the address above.

GitHub / LangPhan (opens in a new tab)
Đ.DESIGN. CODE. REPEAT.
PHAN VĂN ĐẠT14
PHAN VĂN ĐẠTVOL. 01 / PORTFOLIO

THE PERSONAL ISSUE

A littleabout me.

Interfaces, ideas & the work in between.

Front-end Developer
DESIGN   /   CODE   /   CURIOSITY
Pull to change the light↘

Made to be opened.