✨ Marc Stampfli Portfolio

Modern portfolio website with interactive elements and dynamic content management. Built with Next.js 15 and PostgreSQL.

🎯 Key Features

• 🌟 Interactive particle system with mouse tracking
• ⚡ Optimized data fetching with React Query
• 📱 Responsive design with dark mode
• 🎨 Beautiful animations and transitions
• 💼 Dynamic project showcase with modals
• 📊 Professional experience timeline
• 📬 Contact form with email notifications

🛠️ Tech Stack

• ⚛️ Next.js 15 App Router + Server Components
• 🎭 Framer Motion + tsParticles
• 🎨 TailwindCSS + Radix UI
• 🔄 TanStack Query for data fetching
• 📝 Markdown processing with syntax highlighting
• 🗃️ Prisma ORM for database management

👨‍💻 About Me

Marc Stämpfli

I'm a full-stack developer with a passion for creating beautiful, performant web applications. With over 15 years of experience in web development, I specialize in:

• 🖥️ Modern web development (Next.js, React, TypeScript, WordPress)
• 🎨 UI/UX design and implementation
• 🛠️ Full-stack application development
• 🚀 Performance optimization
• 🔒 Secure application architecture

📬 Let's Connect

I'm always open to interesting projects and collaborations. Feel free to reach out:

• 📧 Email: [email protected]
• 💼 LinkedIn: Marc Stämpfli
• 📸 Instagram: @marcstampfli
• 🌐 Website: marcstampfli.com

🚀 Getting Started

1. Clone and install dependencies:

   git clone https://github.com/marcstampfli/portfolio.git
   cd portfolio
   pnpm install

2. Set up environment:

   cp .env.example .env

3. Start the database:

   docker compose up -d

4. Initialize database:

   npx prisma generate
   npx prisma db push

5. Run development server:

   pnpm dev

🗃️ Database

PostgreSQL database runs in Docker and is configured to:

• Run on port 5433 (avoiding conflicts)
• Use persistent volume storage
• Have isolated credentials

📝 License

This project is licensed under the MIT License.