[WIP] Create modern developer portfolio website for high school student

[Copilot]

Thanks for asking me to work on this. I will get started on it and keep this PR's description up to date as I form a plan and make progress.

Original prompt

Create a modern developer portfolio website for a high school student specializing in backend development, Linux, networking, self-hosting, and infrastructure.

The website should look professional like an engineer's portfolio rather than a designer's portfolio.

Theme:

• Dark mode
• Glassmorphism
• Modern UI
• Smooth animations
• Responsive
• Accent color: #4F8CFF
• Monospace fonts for code snippets
• Clean and minimal

Sections:

Hero

Name

Backend Developer
Linux Enthusiast
Self-Hosting & Infrastructure

Short introduction:

"I started operating Minecraft servers in elementary school and gradually expanded my interests into Linux, networking, backend development, virtualization, and infrastructure engineering."

Buttons

• View Projects
• GitHub
• Contact

Animated background:
floating particles + terminal effect

---

About Me

Timeline

Elementary School

• Started operating Minecraft servers

Middle School

• Built dedicated home server
• Remote Desktop
• SSH
• SFTP
• Linux
• Node.js
• Express
• Discord Bot

Middle School -> High School

• Proxmox
• Virtual Machines
• Reverse Proxy
• Nginx
• Tailscale
• Arch Linux
• HomeLab

High School

• Arch Linux Mirror
• Startup Collaboration
• School Information System
• Backend Development
• Server Administration

---

Skills

Categorize skills.

Backend

Node.js
Express
REST API

Infrastructure

Linux
Arch Linux
Ubuntu
Debian
Nginx
Reverse Proxy
Systemd
SSH
SFTP
Docker (Learning)

Virtualization

Proxmox VE
Virtual Machines

Networking

DNS
TCP/IP
VPN
Tailscale
Port Forwarding

Programming

JavaScript
Node.js
C
Go (Learning)
Rust (Learning)

Tools

Git
GitHub
VSCode

---

Featured Projects

Each project should have:

Image
Description
Tech Stack
Role
Challenges
Lessons Learned

Projects:

Minecraft Server Infrastructure

• Self-hosted server
• Linux
• Network management
• Performance optimization

HomeLab

• Proxmox
• Multiple virtual machines
• Network segmentation

Arch Linux Mirror

• Nginx
• Mirror server
• Self-hosting

Reverse Proxy Infrastructure

• SSL
• Nginx
• Multiple services

Startup Project

School Information Display System

Responsibilities:

Backend
Server Management
Deployment
Infrastructure

Discord Bot

Node.js

Express Web Application

REST API

---

Infrastructure Diagram

Beautiful architecture diagram

Internet

↓

Cloudflare

↓

Nginx Reverse Proxy

↓

Express Backend

↓

Database

↓

Services

---

Linux Journey

Interactive timeline

Windows

↓

Ubuntu

↓

Arch Linux

↓

Daily Driver

---

GitHub Statistics

GitHub contribution graph

Pinned repositories

Most used languages

---

Learning

Currently Learning

Docker

Kubernetes

CI/CD

Cloud

Distributed Systems

---

Certifications

Future Goals

Linux

AWS

CKA

---

Contact

GitHub

Email

Discord

---

Extra Requirements

Use Next.js

TypeScript

TailwindCSS

Framer Motion

shadcn/ui

Lucide Icons

Responsive

SEO optimized

Fast loading

Modern developer portfolio style similar to Vercel engineers.