Personal Portfolio

A modern, responsive personal portfolio built with Next.js, Tailwind CSS, shadcn/ui, and Framer Motion. Designed to showcase projects, experience, certifications, and contact information with smooth interactions and clean UI patterns.

Check it out!

Features

• Built with Next.js, using TypeScript
• Styled using Tailwind CSS
• Component system powered by shadcn/ui
• Smooth animations with Framer Motion
• Dark / light mode support
• i18n support for English and German using next-intl
• Fully responsive design
• Optimized deployment on Vercel
• Accessible and performant UI
• SEO-friendly structure

---

Project Structure

app/            # App router pages & layouts
components/     # Reusable components
components/ui/  # shadcn/ui components
lib/            # Utility functions/helpers
i18n/           # next-intl config
messages/       # next-intl dictionaries
public/         # Static assets
hooks/          # shared hooks
types/          # global types

---

Getting Started

1. Clone the repository

git clone https://github.com/zangerls/portfolio.git
cd portfolio

2. Install dependencies

npm i

3. Start the development server

npm run dev

Visit:

http://localhost:3000

---

Available Scripts

npm run dev       # Start development server
npm run build     # Create production build
npm run start     # Start production server
npm run lint      # Run linter

---

Deployment

This project is deployed on Vercel.

To deploy your own version:

1. Fork this repository
2. Import the project into Vercel
3. Deploy

---

Design Philosophy

This portfolio focuses on:

• Minimal, uniform and purposeful design
• Smooth and meaningful motion
• Strong typography hierarchy
• Performance-first interactions
• Accessibility and responsiveness

---

Contact

Feel free to reach out if you'd like to collaborate or connect.

• Website: https://szangerl.com
• Email: hello@szangerl.com
• LinkedIn: https://linkedin.com/in/szangerl
• Github: https://github.com/zangerls