Furkan Korhan Portfolio

Personal portfolio site for furkankorhan.com.

This repository contains the main portfolio website. It is the central place where the public site, selected project cards, contact links, metadata, sitemap and live demo routes are deployed from.

What This Shows

• A responsive portfolio built with Next.js and TypeScript
• A custom animated intro using a frame sequence
• Clean sections for profile, focus areas, selected projects and contact
• Deployment on Vercel with a custom domain
• Practical attention to design, layout, performance and maintainability

Tech Stack

• Next.js
• React
• TypeScript
• Tailwind CSS
• Framer Motion
• Vercel

Project Structure

src/app/              App Router pages, metadata, sitemap, OG image
src/components/       Portfolio sections and UI components
src/hooks/            Small interaction hooks
src/lib/              Animation frame metadata
public/sequence/      WebP frame sequence for the hero animation
public/robots.txt     Search engine crawling rules

Main Sections

• ScrollyCanvas: animated visual intro
• Kurzprofil: short personal profile
• Fokus: current technical focus areas
• Projects: selected project cards
• WarumInformatik: why I work toward Informatik
• Contact: portfolio, GitHub and email links

Design Decisions

• The first screen should create a strong visual signal without becoming a generic landing page.
• The language is German because the site supports applications in Germany.
• The project list is intentionally small and should point to real proof, not unfinished ideas.
• The site avoids claiming expert status. It shows direction, taste and practical execution.

Local Development

npm install
npm run dev

Open http://localhost:3000.

Quality Checks

npm run lint
npm run build

Current Status

Live and usable. Next improvements:

• Add a downloadable Lebenslauf link when the public CV version is finalized
• Keep the project cards aligned with real work instead of listing too many unfinished ideas