Portfolio | philgen.de

Building more than code. Building your identity.

Comment 1

Personal Portfolio (philgen.de)

Overview

In a world where résumés are no longer enough, a developer’s portfolio becomes the stage to showcase skills, creativity, and identity.
This project is my personal take on building a modern, interactive, and future-ready portfolio website during DevOne Hack 2025.

The goal was simple: not just to create a static website, but a living digital identity that tells a story through design, interactivity, and technology.

Tech Stack Used

  • Frontend Framework: Next.js (React-based)
  • Styling: Tailwind CSS + custom CSS modules
  • Animations: Framer Motion for smooth page transitions and interactive effects
  • Deployment: Oracle Cloud VM with NGINX as reverse proxy
  • Hosting: Self-managed Linux server environment
  • Version Control: Git

Features Implemented

  • Home Page: Personalized introduction with animated hero section
  • Projects Page: Dynamic project cards with hover animations and GitHub/Live Demo links
  • Skills Section: Interactive skill badges with icons and proficiency levels
  • Contact Section: Integrated form with real-time validation
  • Responsive Design: Optimized for desktop, tablet, and mobile

Custom Elements and Animations

  • Animated gradient backgrounds to make the site visually engaging
  • Custom cursor that changes style on hover elements
  • Framer Motion animations for page transitions, fade-ins, and spring effects
  • Typing effect on the hero section tagline using react-type-animation
  • Hover glow effects on project cards for an immersive feel

Video Walkthrough (Optional)

Here is a short demo walkthrough of the portfolio in action:
Video Walkthrough

Links

Hackathon Reflection

This project was built entirely during the DevOne Hackathon 2025.
Besides front-end development and design, I also set up the infrastructure by deploying the site on an Oracle Cloud VM with NGINX as a reverse proxy.
Through this, I learned not only how to build modern web interfaces, but also how to manage cloud infrastructure, optimize server configuration, and ensure reliable deployment.
Most importantly, the portfolio reflects both my technical skills and my identity as a developer.

Built With

Share this project:

Updates

Submission history