Nguyen Pham avatar
Nguyen Pham
Fort Worth, Texas
Home
About
Work
Resume
Skills
Journey
Gallery
Contact
Chat
Resume

Nguyen Pham

/Users/Nguyen/App/
src
app
lib
types
src/app/about/page.tsx
export default function AboutPage() {
  const profile = {
    name: "Nguyen Pham",
    role: "Full-stack Developer & AI Specialist",
    location: "Fort Worth, Texas",
  };

  return (
    <section>
      <p>Build practical products with scalable architecture.</p>
      <p>Focus on UX quality, performance, and long-term maintainability.</p>
    </section>
  );
}
src/app/technical/page.tsx
export const technicalProfile = {
  frontend: ["React", "Next.js", "Astro", "TypeScript"],
  backend: ["Node.js", "NestJS", "PHP"],
  database: ["PostgreSQL", "MySQL", "Vector DB"],
  cloud: ["AWS", "Docker", "Kubernetes"],
};
src/app/routes/page-links.ts
export const pageLinks = [
  "/about",
  "/skill",
  "/resume",
  "/work",
  "/contact",
];
src/app/skills/page.tsx
const skills: string[] = [
  "Next.js",
  "Astro",
  "React",
  "TypeScript",
  "Node.js",
  "WordPress",
  "PostgreSQL",
  "AI Agents",
];

export default skills;
src/lib/experience.ts
export type ExperienceItem = {
  focus: string;
};

export const experience: ExperienceItem[] = [
  { focus: "Full product delivery from idea to deployment" },
  { focus: "Business systems and content workflow tools" },
  { focus: "Performance, SEO, and maintainability optimization" },
];
src/lib/database.ts
export const databaseConfig = {
  provider: "postgresql",
  url: process.env.DATABASE_URL,
};
src/types/project.ts
export interface Project {
  name: string;
  type: string;
}

export const featuredProjects: Project[] = [
  { name: "MADE Framework", type: "Platform" },
  { name: "SEO Tool", type: "WordPress Plugin" },
  { name: "eVisa", type: "Management System" },
];
package.json
{
  "name": "nguyen.app.com",
  "stack": ["NextJS", "React", "TypeScript", "TailwindCSS"],
  "scripts": {
    "dev": "next dev",
    "build": "next build"
  }
}
.env
RESEND_API=
DATABASE_URL=postgresql://user:password@localhost:5432/nguyen_app
PUBLIC_SITE_URL=https://nguyenpham.pro
1 // key-projects — selected implementations
2  
3 const projects: Project[] = [
4 {
5 title: "MADE App (app.madelab.io)",
6 url: "nguyenpham.pro/work/made-app",
7 },
8 {
9 title: "madelab.io",
10 url: "nguyenpham.pro/work/made-framework",
11 },
12 {
13 title: "SEO Tool",
14 url: "seo.nguyenpham.pro",
15 },
16 {
17 title: "LIFT Marketing",
18 url: "liftcreations.com",
19 },
20 {
21 title: "eVisa",
22 url: "nguyenpham.pro/work/evisa",
23 },
24 {
25 title: "Health Supply System",
26 url: "nguyenpham.pro/work/health-supply-manage",
27 },
28 {
29 title: "T-shirt Builder",
30 url: "nguyenpham.pro/work/t-shirt-builder",
31 },
32 {
33 title: "WordPress Customize Theme/Plugins",
34 url: "nguyenpham.pro/work/wp-customize-theme",
35 },
36 {
37 title: "nPlatform",
38 url: "github.com/baonguyenyam/nPlatform",
39 },
40 {
41 title: "Magazine",
42 url: "nguyenpham.pro/work/dangnho-com-magazine",
43 }
44 ];
45
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/
$