This Portfolio Website
A bilingual personal portfolio website built to present my skills, projects, development workflow, and AI-assisted coding process in a professional way.
Business value
Helps recruiters quickly understand my positioning, stack, project status, and learning direction.
Key features
overview
This is my main website for presenting current and future projects in one organized place.
problem
Many student portfolios look generic and do not explain how the developer thinks through projects.
solution
Use bilingual content, project status labels, case-study pages, and an AI workflow section to present skills honestly.
key features
Bilingual English/Chinese content / Responsive design / Dark/light mode / Project case studies / Smooth animations / SEO optimization / Fast performance
tech stack
Next.js App Router / React / TypeScript / Tailwind CSS / shadcn/ui style components / Framer Motion / Vercel
architecture
Next.js App Router manages routes and static generation, while project content lives in lib/data for easy updates.
AI-assisted workflow
I used AI to shape the structure, refine bilingual copy, check component organization, and improve readability.
challenges and what I learned
The main learning was portfolio storytelling, i18n structure, visual hierarchy, and deployment workflow.
screenshots
The live site itself acts as the current visual reference.