A modern, responsive portfolio website showcasing my projects, work experience, and skills as a Computer Science student and Software Engineer.
- Responsive Design: Optimized for all devices and screen sizes
- Interactive Animations: Smooth animations powered by Framer Motion
- Modern UI: Clean, professional design with Tailwind CSS
- Work Experience Toggle: Expandable sections for detailed work history
- Project Showcase: Featured projects with technologies and live demos
- Contact Integration: Direct links to GitHub, LinkedIn, and email
- Next.js 15 - React framework with App Router
- React 19 - JavaScript library for building user interfaces
- Tailwind CSS 4 - Utility-first CSS framework
- Framer Motion - Animation library for React
- Lucide React - Beautiful, customizable icons
- GitHub Pages - Static site hosting
# Clone the repository
git clone https://github.com/Mark-Vu/portfolio.git
# Navigate to project directory
cd portfolio
# Install dependencies
npm install
# Start development server
npm run devOpen http://localhost:3000 to view the portfolio locally.
portfolio/
├── src/
│ ├── app/ # Next.js app router pages
│ ├── components/ # React components
│ └── config/ # Configuration files
├── public/ # Static assets
└── .github/workflows/ # GitHub Actions for deployment
- Hero Section: Introduction with animated name and bio
- About: Personal background and interests
- Work Experience: Professional experience with expandable details
- Projects: Featured projects with descriptions and tech stacks
- Contact: Social media links and contact information
This portfolio is automatically deployed to GitHub Pages using GitHub Actions. Any push to the main branch triggers a new deployment.
This project is open source and available under the MIT License.
Mark Vu - Computer Science Student at SFU | Software Engineer Co-op at Trulioo