Skip to content

jerohalili/jerohalili.github.io

Repository files navigation

Jero Halili | Portfolio

Jero Halili Portfolio Header

Short Introduction

This portfolio website serves as my central digital hub that showcases my work as a Computer Scientist, Full-Stack Developer, AI Engineer, Game Developer, Marketer, and Graphic Designer.

It was built to solve a real career problem: recruiters and clients often spend less than a minute evaluating candidates. Instead of forcing them to search through multiple platforms, this website consolidates my projects, certifications, technical skills, and professional experience into one fast and modern platform.

Core Philosophy: Turning workflows into code.

The portfolio emphasizes projects that solve real operational problems through automation, software systems, AI integration, and scalable web development.


Live Website

Website: https://jerohalili.is-a.dev


Technologies Used

Core Framework

  • Astro
  • TypeScript
  • JavaScript

Frontend

  • Tailwind CSS
  • Responsive Design Principles
  • Component-based Architecture

Deployment

  • GitHub Pages
  • Custom Domain Configuration

Performance Optimization

  • Static Site Generation (SSG)
  • Asset Optimization
  • SEO Optimization

Features

Professional Branding System

  • Personal introduction
  • Career positioning
  • Skills showcase
  • Resume-like professional overview

Project Showcase

Highlights major projects such as:

Automated AI Marketing System

A fully automated marketing workflow that:

  • Generates AI content
  • Creates AI images
  • Automates publishing workflows
  • Reduces manual marketing labor

PBSI Digital Transformation

A database modernization project that:

  • Digitized manual records
  • Improved operational efficiency
  • Reduced administrative bottlenecks
  • Improved institutional scalability

Astro Portfolio System

This portfolio itself includes:

  • Theme persistence
  • Light mode accessibility defaults
  • Performance-focused architecture

Development Process (How It Was Built and Why)

Why I Built It

Traditional resumes are static and limited.

I needed a platform that could:

  • Showcase technical projects visually
  • Demonstrate real-world business impact
  • Improve personal branding
  • Increase recruiter conversion rates
  • Differentiate myself from generic portfolios

From a marketing perspective: A portfolio acts like a sales funnel:

Visitor → Interest → Trust → Contact

The site was designed to reduce friction and make contacting me easy.


How It Was Built

1. Research Phase

I analyzed:

  • Developer portfolios
  • Recruiter behavior
  • UX patterns
  • Personal branding strategies

2. Planning Phase

I mapped:

  • Homepage structure
  • Project hierarchy
  • Skills sections
  • Certifications
  • Contact funnels

3. Development Phase

Built using Astro because:

  • Faster than traditional frameworks for static content
  • Better SEO
  • Lower hosting costs
  • Easier long-term maintenance

Tailwind CSS was used for:

  • Rapid styling
  • Consistent design system
  • Faster iteration

4. Optimization Phase

Improved:

  • Mobile responsiveness
  • Page speed
  • Accessibility
  • Theme persistence
  • User navigation

5. Deployment Phase

Published through GitHub Pages with custom domain support.


What I Learned

Technical Skills

  • Astro architecture
  • TypeScript development
  • Static site optimization
  • Deployment workflows
  • Domain configuration

Business Skills

  • Personal branding
  • Marketing funnels
  • Conversion optimization
  • UX psychology

Strategic Lessons

I learned that technical skill alone is not enough.

Presentation matters because:

  • Better presentation increases perceived value
  • Faster websites improve retention
  • Clear messaging improves conversion

This follows both UX psychology and business strategy principles.


How to Improve It

Short-Term Improvements

  • Add blog functionality
  • Add filtering for projects
  • Improve animation polish
  • Add downloadable resume

Medium-Term Improvements

  • Add CMS integration
  • Add analytics dashboard
  • Improve SEO content depth

Long-Term Improvements

  • Add case studies for projects
  • Integrate AI chatbot assistant
  • Add multilingual support

Certifications & Experience

Certifications

  • AWS Academy Graduate — Cloud Foundations (Feb 2026)
  • Responsive Web Design — freeCodeCamp (Sep 2024)

Experience

  • Social Media Marketing Manager — Technobyte (2025–Present)
  • Database Administrator — PBSI (2024–2025)

How to Run the Project

Clone Repository

git clone https://github.com/jerohalili/jerohalili.github.io.git

Enter Project Folder

cd jerohalili.github.io

Install Dependencies

npm install

Start Development Server

npm run dev

Build for Production

npm run build

Creator

Jerohalili

Contact Information

About

Modern portfolio showcasing full-stack, databases, and AI automation projects with scalable, real-world impact.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages