Personal Portfolio Website - Old

Homepage

The Homepage serves as an introduction to who I am and what I do. It includes:

• A brief self-introduction
• Links to my social media accounts (e.g., GitHub, LinkedIn, Twitter)
• A dynamic section showing what I'm currently listening to on Spotify
• A toggle for Light / Dark mode, giving users a customizable viewing experience

This section is all about connecting with visitors and giving them a quick look into both my work and interests.

Skills Page

The Skills page presents the tools, languages, and technologies I work with, including:

• Frontend: React, Next.js, Tailwind CSS, HTML/CSS
• Backend: Node.js, Express
• Databases: MongoDB, Firebase
• Game Development: Unity (C#)
• Others: Git, GitHub API, REST APIs

The page uses a minimal design to clearly display each skill, categorized by usage.

Games Page

The Games page features a selection of games I've developed using Unity. Each game includes:

• A playable WebGL build embedded directly on the site
• A short description and the key mechanics
• Visual previews and screenshots

This section gives users an interactive way to explore my work, highlighting both creativity and technical ability in game development.

Projects Page

The Projects page is dynamically powered by the GitHub API. Here's how it works:

• It pulls public repositories from my GitHub account
• Filters them to show only selected projects
• Displays the README.md file as a preview for each project
• Includes filtering by language or type (e.g., web, game)

This makes the projects page always up-to-date and gives visitors detailed insight into each project, straight from GitHub.

Experience Page

This page lists my work experience, internships, and other relevant roles. It’s organized chronologically and includes:

• Job/internship titles
• Timeframes
• Responsibilities and tech stack used

It's a great way to show my growth over time and give recruiters or collaborators a clearer picture of my background.

Admin Panel

As a bonus, I built a lightweight Admin Panel to manage the site’s content dynamically. Features include:

• Authentication access
• Firebase integration for storing and editing site data
• A dashboard for adding/editing games, skills, and experience entries

Even though it’s just for internal use, the panel was a great exercise in building full-stack admin tools.

Design Approach

• Clean and minimal layout with soft animations
• Fully responsive on desktop, tablet, and mobile
• Built with a focus on performance and readability
• Dark/Light theme support across all pages

Visit the Portfolio

This site represents who I am as a developer and a creative individual. Feel free to explore, play a few games, and check out my latest projects.

👉 Live Portfolio Website