Back to Projects

Personal Portfolio Website - 2019 Edition

A personal portfolio built with vanilla JavaScript, HTML5, and CSS to showcase projects and photography.

Team Size: 1
Role: Full-Stack Developer
Duration: 2019-10–2019-11
View on GitHub

Tech Stack

javascript iconJavaScript
html5 iconHTML5
css iconCSS
nodejs iconNode.js
jquery iconjquery

Project Gallery

Personal Portfolio Website - 2019 Edition 1
Personal Portfolio Website - 2019 Edition 2
Personal Portfolio Website - 2019 Edition 3

Introduction

This project is a personal portfolio website developed in late 2019 to showcase my projects and skills. Built using vanilla JavaScript, HTML5, and CSS, the website serves as an online resume and project gallery. It also features a /myPhotos section where I share some of my photography work.

Key Features

  • Dashboard/Home Page: A welcoming landing page that introduces visitors to my portfolio, and presents social media links.
  • Projects Section: A dedicated section to showcase various projects I have worked on, complete with descriptions and links to their respective repositories.
  • Photography Gallery: A /myPhotos section that displays a collection of my photography work, allowing visitors to explore my visual creativity.
  • Work Experience: A /mySkills section highlighting my professional experience and skills.
  • Responsive Design: The website is designed to be responsive, ensuring a good user experience across different devices and screen sizes.

Outcome

This served as my primary online portofolio for several years, until I transitioned to a more modern stack with this current website built using Next.js and TailwindCSS. In fact, I actually wrote a post about this transition, which you can read more about on this blog.