Welcome to my developer portfolio built with Next.js 15, Tailwind CSS, and modern web tools. This site showcases my journey, skills, and projects — all wrapped in a sleek, animated, and responsive UI.
- ⚡ Framework: Next.js 15
- 🎨 Styling: Tailwind CSS 3
- 💻 TypeScript: Fully typed components & utilities
- 🧩 Animations: Lottie React
- 📧 Contact: EmailJS integration
- 📦 PWA Ready: Uses
@ducanh2912/next-pwa - 🔐 reCAPTCHA v3: Google reCAPTCHA
- 🧠 Icons: Lucide, React Icons
- ✅ Prettier + ESLint: Enforced code style & formatting
- 🧪 Husky: Git hooks for pre-commit checks
ghost-oo5-personal-portfolio-website/
├── public/ # Static assets, Lottie, images, icons
├── src/app/
│ ├── components/ # Reusable UI & page sections
│ ├── pages/ # Page-specific components (About, Projects, etc.)
│ ├── css/ # Custom CSS (e.g., card effects)
│ ├── fonts/ # Custom fonts
├── utils/ # Helper functions & data (skills, projects, etc.)
├── .husky/ # Git pre-commit hook
├── tailwind.config.ts # Tailwind theme configuration
├── next.config.ts # Next.js + PWA configuration
git clone https://github.com/your-username/your-portfolio.git
cd your-portfoliopnpm install
# or
npm install
# or
yarn installpnpm dev
# or
npm run devThen visit: http://localhost:3000
Copy .env.example and create .env.local:
NEXT_PUBLIC_EMAILJS_SERVICE_ID=
NEXT_PUBLIC_EMAILJS_TEMPLATE_ID=
NEXT_PUBLIC_EMAILJS_PUBLIC_KEY=deployed here
This project is open-source and available under the MIT License.
Got a project in mind or just want to say hi?