Portfolio Blog

This is a modern portfolio blog built with Next.js, VFX-JS, React, Tailwind CSS. It features a responsive design, 3D-animations, dark mode support, interactive elements and a contact form. Demo: https://pascal.riemer.digital/

Features

• Responsive design optimized for mobile and desktop
• Dark mode support
• Interactive 3D cube background animation with physics-based scrolling effects
• Blog posts with markdown support
• Portfolio showcase
• Contact form with email sending capability
• Touch-optimized interactions for mobile devices

Getting Started

1. Clone the repository

   git clone https://github.com/pascalriemer/portfolio-blog.git
   cd portfolio-blog
   

2. Install dependencies

   npm install
   

3. Set up environment variables

   cp .env.example .env.local
   # Edit .env.local with your email sending configuration
   

4. Run the development server

   npm run dev
   

5. Open http://localhost:3000 in your browser

Interactive Features

The portfolio includes a unique interactive 3D cube background that responds to user scrolling with physics-based animations:

• Scroll-based rotation with momentum and physics
• Touch support for mobile devices
• Responsive scaling based on device size
• Performance optimizations for smooth animations

Technologies Used

• Next.js for server-side rendering and routing
• React for UI components
• Tailwind CSS for styling
• TypeScript for type safety
• CSS animations and 3D transforms