Nguyen Pham avatar
Nguyen Pham
Fort Worth, Texas
Home
About
Poetry
Facebook
Work
Resume
Skills
Journey
Gallery
Contact
AI Assistant
Resume

Nguyen Pham

Workspace: Resume Visual Mode
Explorer
~/resume-workspace
src/app/about/page.tsx
1export default function AboutPage() {
2  const profile = {
3    name: "Nguyen Pham",
4    role: "Full-stack Developer & AI Specialist",
5    location: "Fort Worth, Texas",
6  };
7
8  return (
9    <section>
10      <p>Build practical products with scalable architecture.</p>
11      <p>Focus on UX quality, performance, and long-term maintainability.</p>
12    </section>
13  );
14}
src/app/technical/page.tsx
1export const technicalProfile = {
2  frontend: ["React", "Next.js", "Astro", "TypeScript"],
3  backend: ["Node.js", "NestJS", "PHP"],
4  database: ["PostgreSQL", "MySQL", "Vector DB"],
5  cloud: ["AWS", "Docker", "Kubernetes"],
6};
src/app/routes/page-links.ts
1export const pageLinks = [
2  "/about",
3  "/skill",
4  "/resume",
5  "/work",
6  "/contact",
7];
src/app/skills/page.tsx
1const skills: string[] = [
2  "Next.js",
3  "Astro",
4  "React",
5  "TypeScript",
6  "Node.js",
7  "WordPress",
8  "PostgreSQL",
9  "AI Agents",
10];
11
12export default skills;
src/lib/experience.ts
1export type ExperienceItem = {
2  focus: string;
3};
4
5export const experience: ExperienceItem[] = [
6  { focus: "Full product delivery from idea to deployment" },
7  { focus: "Business systems and content workflow tools" },
8  { focus: "Performance, SEO, and maintainability optimization" },
9];
src/lib/database.ts
1export const databaseConfig = {
2  provider: "postgresql",
3  url: process.env.DATABASE_URL,
4};
src/types/project.ts
1export interface Project {
2  name: string;
3  type: string;
4}
5
6export const featuredProjects: Project[] = [
7  { name: "MADE Framework", type: "Platform" },
8  { name: "SEO Tool", type: "WordPress Plugin" },
9  { name: "eVisa", type: "Management System" },
10];
package.json
1{
2  "name": "nguyen.app.com",
3  "stack": ["NextJS", "React", "TypeScript", "TailwindCSS"],
4  "scripts": {
5    "dev": "next dev",
6    "build": "next build"
7  }
8}
.env
1RESEND_API=
2DATABASE_URL=postgresql://user:password@localhost:5432/nguyen_app
3PUBLIC_SITE_URL=https://nguyenpham.pro
1 // key-projects — selected implementations
2  
3 const projects: Project[] = [
6 {
7 title: "MADE App (app.madelab.io)",
8 url: "nguyenpham.pro/work/made-app",
9 },
10 {
11 title: "madelab.io",
12 url: "nguyenpham.pro/work/made-framework",
13 },
14 {
15 title: "SEO Tool",
16 url: "seo.nguyenpham.pro",
17 },
18 {
19 title: "LIFT Marketing",
20 url: "liftcreations.com",
21 },
22 {
23 title: "eVisa",
24 url: "nguyenpham.pro/work/evisa",
25 },
26 {
27 title: "Health Supply System",
28 url: "nguyenpham.pro/work/health-supply-manage",
29 },
30 {
31 title: "T-shirt Builder",
32 url: "nguyenpham.pro/work/t-shirt-builder",
33 },
34 {
35 title: "WordPress Customize Theme/Plugins",
36 url: "nguyenpham.pro/work/wp-customize-theme",
37 },
38 {
39 title: "nPlatform",
40 url: "github.com/baonguyenyam/nPlatform",
41 },
42 {
43 title: "Magazine",
44 url: "nguyenpham.pro/work/dangnho-com-magazine",
45 }
4 ];
5
UTF-8 · LF TypeScript JSX
Terminal
$ open "Keyworks Generator"
→ https://seo.nguyenpham.pro
$ open "T-Shirt Builder"
→ https://nguyenpham.pro/demo/tshirt/
$ open "IO Game"
→ https://nguyenpham.pro/demo/iofinal/
$ open "Weilion"
→ https://nguyenpham.pro/demo/weilion/
$ open "Worn & Faded"
→ https://nguyenpham.pro/demo/wornandfaded/
$ open "Company Profile"
→ https://nguyenpham.pro/demo/lift/
$ open "DFM Keller"
→ https://dfm-keller.vercel.app/
$ open "Restaurant"
→ https://nguyenpham.pro/demo/Crawfish7/
$ open "BuddhaLight"
→ https://nguyenpham.pro/demo/buddhalight/
$ open "Photographer"
→ https://nguyenpham.pro/demo/Doi-Photo/
$
Explore
Skills