A modern, responsive portfolio website built with Next.js, TypeScript, and shadcn/ui.
- Modern Design: Clean, professional design with smooth animations
- Responsive: Fully responsive design that works on all devices
- Fast: Built with Next.js for optimal performance
- Type-Safe: Written in TypeScript for better development experience
- Accessible: Built with accessibility best practices in mind
- SEO Optimized: Optimized for search engines
- Framework: Next.js 15
- Language: TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- Icons: Lucide React
- Deployment: Static export ready
- Clone the repository:
git clone https://github.com/AngusHsu/angushsu.me.git
cd angushsu.me- Install dependencies:
npm install- Start the development server:
npm run dev- Open http://localhost:3000 in your browser.
To build for production:
npm run buildEdit /lib/data.ts to update:
- Personal information
- Portfolio projects
- Skills
- Work experience
- Social links
- Customize colors and themes in
/app/globals.css - Modify Tailwind configuration in
tailwind.config.js
All components are located in the /components directory and are fully customizable.
The project uses shadcn/ui components with a custom color scheme:
- Primary colors: Blue to Purple gradient
- Clean typography with proper hierarchy
- Consistent spacing and layout patterns
- Hero Section: Introduction with profile image and key information
- Portfolio Section: Showcases featured projects with images and descriptions
- Skills Section: Displays technical skills with proficiency levels
- Contact Section: Multiple ways to get in touch
npm run dev- Start development servernpm run build- Build for productionnpm run start- Start production servernpm run lint- Run ESLint
This project is open source and available under the MIT License.
- Email: apangus611@gmail.com
- LinkedIn: angushsu611
- GitHub: AngusHsu
- Website: https://www.angushsu.me