Personal Hub Website

🌐 About The Project

Early in my computer science studies, I started to develop my own personnal portfolio websites. Over 2 years, I developed nearly 10 different versions, each exploring new ideas and visual innovations, but each time I was not satisfied. I began with an idea, spent many hours on, then have another idea, and retry from 0.

I was spending more time on developping my portfolio website than work on real projects.

I finally stopped all this masquerade and 2 years later, I started to develop this one in 2 weeks on evenings.
This is my personal hub, a modern, minimalist portfolio and blog built with Next.js to showcase my projects and cybersecurity work. It serves as both a portfolio and a blog where I share my work in a more engaging way than traditional GitHub repositories.

The site emphasizes clean design, smooth animations, and excellent performance while maintaining easy content management through Markdown files.

🎯 Key Features

• Minimalist Dark Design: Don't care about made an award design winning website, my goal here is to show my work in a cool way.
• Markdown-Based Content: Easy content management, each project or blog post are markdown files
• Responsive Design: Optimized for all screen sizes
• Smooth Animations: Fade-in effects and staggered transitions
• SEO Optimized: Proper metadata and semantic HTML
• Fast Performance: Static generation with Next.js App Router

🛠️ Technical Stack

• Framework: Next.js 14 (App Router)
• Language: TypeScript
• Styling: Sass(SCSS) and Google Fonts
• Content: Markdown with frontmatter
• Deployment: Vercel

📝 Content Management

All content is managed through Markdown files. I can easily add new projects or blog posts by creating new Markdown files in the data/ directory and I define the metadata in the frontmatter.

title: "Project Name"
description: "Short description"
date: "2024-01-15"
tags: ["tag1", "tag2"]
featured: true
github: "https://github.com/..."
live: "https://..."

---

This hub represents my approach to web development: clean, functional, and user-focused. It serves as both a showcase of my work and a demonstration of modern web technologies.