A modern personal portfolio built with Next.js and Tailwind CSS to showcase my experience, projects, and professional background as a full-stack software engineer.
This portfolio was designed to present my work in a clean, responsive format with an emphasis on:
- real-world engineering experience
- practical, production-oriented projects
- strong backend foundations
- maintainable code and modern frontend structure
The site includes:
- responsive navigation with mobile menu support
- hero and about sections
- featured project case studies
- resume section with view and download options
- GitHub and LinkedIn links
- metadata and Open Graph support for sharing and SEO
- Next.js
- React
- TypeScript
- Tailwind CSS
- Vercel
- Responsive single-page portfolio layout
- Modular component-based structure
- Shared data and types for maintainability
- Project cards with optional screenshots
- Live demo and GitHub links for featured projects
- Resume view and download support
- Open Graph image and favicon branding
- Vercel deployment with custom domain
src/
- app/
- layout.tsx
- page.tsx
- globals.css
- components/
- portfolio/
- about-section.tsx
- connect-section.tsx
- footer.tsx
- hero-section.tsx
- home-page.tsx
- navbar.tsx
- projects-section.tsx
- resume-section.tsx
- portfolio/
- data/
- portfolio.ts
- types/
- portfolio.ts
public/
- paul-debevec-resume.pdf
- og-image.png
- projects/
git clone https://github.com/PaulDebevec/software-engineer-portfolio.git
cd software-engineer-portfolio
npm install
npm run dev
Visit http://localhost:3000
To create a production build:
npm run build
To run the production build locally:
npm run start
This portfolio is deployed on Vercel with a custom domain.
- add screenshots for additional projects
- add more featured work and case studies
- continue refining portfolio copy and presentation
- expand project detail content
- add analytics
Paul Debevec
- Portfolio: pauldebevec.dev
- GitHub: github.com/PaulDebevec
- LinkedIn: linkedin.com/in/pauldebevec