Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

Gajeee/Portfolio

Open more actions menu

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
16 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

Releases

Packages

Contributors

Languages

Morty Proxy This is a proxified and sanitized view of the page, visit original site.