Skip to content

Gajeee/Portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Typing SVG

Web Dev Icon

Portfolio Website โ€” Gajee

A modern, animated personal portfolio website built with HTML, CSS, and vanilla JavaScript, featuring a clean dark theme, smooth UI interactions, and responsive layout design.


๐Ÿ“ธ Screenshots

Portfolio Hero + Navigation Sections + Projects / Contact


๐Ÿง  About the Website

This portfolio is a single-page site that showcases:

  • A hero section with animated typing text and quick navigation links :contentReference[oaicite:4]{index=4} :contentReference[oaicite:5]{index=5}
  • Smooth scrolling with active section highlighting :contentReference[oaicite:6]{index=6}
  • A scroll progress bar + โ€œback to topโ€ interaction :contentReference[oaicite:7]{index=7}
  • A mini Malaysia clock + Kuala Lumpur micro-map panel (OpenStreetMap embed) :contentReference[oaicite:8]{index=8}
  • Responsive layouts and polished card-based UI styling :contentReference[oaicite:9]{index=9}

โœจ Key Features

  • โœ… Dark theme with gradient โ€œauroraโ€ styling and clean typography :contentReference[oaicite:10]{index=10}
  • โœ… Typing animation (cycling lines) in the hero section :contentReference[oaicite:11]{index=11}
  • โœ… Scroll progress indicator + back-to-top button :contentReference[oaicite:12]{index=12}
  • โœ… Section observer (auto-highlights the active nav link) :contentReference[oaicite:13]{index=13}
  • โœ… Mini map panel for Kuala Lumpur (OpenStreetMap iframe + external open link) :contentReference[oaicite:14]{index=14}
  • โœ… Uses Google Fonts (Inter + Playfair Display) and Font Awesome icons :contentReference[oaicite:15]{index=15}

๐Ÿ› ๏ธ Technologies Used

Technology Purpose
HTML5 Structure / sections
CSS3 Theme, layout, animations, responsiveness
JavaScript Typing effect, scroll progress, section highlight
Font Awesome Icons :contentReference[oaicite:16]{index=16}
Google Fonts Typography :contentReference[oaicite:17]{index=17}

๐Ÿ“‚ How to Run

Option 1: Open directly

  1. Download / clone the repo
  2. Open index.html in your browser

Option 2: Run with a local server (recommended)

# Python 3
python -m http.server 8000

About

My Portfolio

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages