🚀 q-m.io | Professional portfolio website

A minimal, fast, and responsive portfolio built with Next.js.

✨ Features

• ⚡ Blazing-fast with Next.js
• 🎨 Beautiful & responsive design
• 🛠️ Built for performance and SEO
• 📁 Dynamic content management

🛠 Tech Stack

• Frontend: Next.js, TypeScript
• UI: Tailwind CSS, ShadCN

📦 Installation

Clone the repository and install dependencies:

git clone git@github.com:qminh011002/q-m.io.vn.git
cd your-portfolio  
npm install  
npm run dev  

├── .gitignore
├── .prettierrc
├── README.md
├── components.json
├── eslint.config.mjs
├── next.config.ts
├── package-lock.json
├── package.json
├── postcss.config.mjs
├── public
    ├── abouts
    │   ├── airplane.jpg
    │   ├── coffee.jpg
    │   ├── hanoi1.jpg
    │   ├── hanoi2.jpg
    │   └── me&mom.jpg
    ├── file.svg
    ├── globe.svg
    ├── me.png
    ├── next.svg
    ├── photopaper.png
    ├── projects
    │   ├── asialeap
    │   │   ├── asia-leap1.png
    │   │   ├── asia-leap2.png
    │   │   └── asia-leap3.png
    │   ├── cabonerf
    │   │   ├── LCA.png
    │   │   ├── cabonerf-preview.png
    │   │   ├── co2.webp
    │   │   ├── contribute.png
    │   │   ├── create-new.png
    │   │   ├── data-2.png
    │   │   ├── data.png
    │   │   ├── definednode.png
    │   │   ├── lca-guide.webp
    │   │   ├── login.png
    │   │   ├── pic-1.png
    │   │   ├── pic-2.png
    │   │   ├── pic-3.png
    │   │   └── pic-4.png
    │   ├── qm
    │   │   ├── q-m.png
    │   │   ├── qm-mac-1.png
    │   │   ├── qm-mac-2.png
    │   │   └── qm-mac-3.png
    │   ├── shopee
    │   │   └── shopeeclone.png
    │   ├── unicourse
    │   │   ├── mac-uni.png
    │   │   ├── macbookuni.png
    │   │   └── unicoursetech.png
    │   └── whalehome
    │   │   ├── mac-1.png
    │   │   ├── mac-2.png
    │   │   ├── phone.png
    │   │   └── whalehome-preview.png
    ├── qminh-logo-black.svg
    ├── vercel.svg
    ├── window.svg
    └── works
    │   ├── fpt.png
    │   ├── innorix.jpeg
    │   └── unicourse-logo.webp
├── src
    ├── app
    │   ├── (public)
    │   │   ├── about
    │   │   │   └── components
    │   │   │   │   ├── connect.tsx
    │   │   │   │   ├── gallery.tsx
    │   │   │   │   ├── work.tsx
    │   │   │   │   ├── wrap-connect.tsx
    │   │   │   │   └── wrap-work.tsx
    │   │   ├── components
    │   │   │   └── progress-bar.tsx
    │   │   ├── contact
    │   │   │   └── page.tsx
    │   │   ├── page.tsx
    │   │   └── projects
    │   │   │   ├── asialeap
    │   │   │       └── page.tsx
    │   │   │   ├── cabonerf
    │   │   │       └── page.tsx
    │   │   │   ├── components
    │   │   │       ├── figure-component.tsx
    │   │   │       ├── header-project.tsx
    │   │   │       ├── project-list.tsx
    │   │   │       └── project.tsx
    │   │   │   ├── page.tsx
    │   │   │   ├── q-m.io
    │   │   │       └── page.tsx
    │   │   │   ├── shopee-clone
    │   │   │       └── page.tsx
    │   │   │   ├── unicourse
    │   │   │       └── page.tsx
    │   │   │   └── whalehome
    │   │   │       └── page.tsx
    │   ├── Ticketing.otf
    │   ├── favicon.ico
    │   ├── globals.css
    │   ├── layout.tsx
    │   └── not-found.tsx
    ├── components
    │   ├── footer.tsx
    │   ├── greeting.tsx
    │   ├── header.tsx
    │   ├── link-source.tsx
    │   ├── mode-toggle.tsx
    │   ├── nav-item.tsx
    │   ├── theme-provider.tsx
    │   └── ui
    │   │   ├── button.tsx
    │   │   └── dropdown-menu.tsx
    └── lib
    │   ├── data.ts
    │   └── utils.ts
├── tailwind.config.ts
└── tsconfig.json