josapton's Portfolio

A minimalist, elegant, and cyber-themed personal portfolio website emphasizing DevSecOps, Cybersecurity, Software Engineering, and AI.

🌐 Overview

Built with a sleek, terminal-inspired design language (monospace typography, blinking cursors, network node backgrounds, and grid scanlines), this portfolio is designed to be fully responsive with automatic Light/Dark mode support.

Live at: https://josapton.github.io

⚡ Features

• Network Nodes Effect: Interactive canvas background representing infrastructure and connectivity with parallax mouse effects.
• Cyber/Terminal Theme: Blinking cursors, monospace accents, scan lines, and command-line aesthetics.
• Hidden Terminal (Easter Egg): Type ~ or sudo to access a fully interactive terminal overlay with commands like help, ls, neofetch, and ping. Try the matrix command!
• System Robustness: Implemented a global React ErrorBoundary (Kernel Panic UI), an OfflineBanner for PWA state awareness, and strict Content-Security-Policy headers.
• Command Palette: Press Ctrl/Cmd + K for a quick navigation and action menu (with clipboard integration).
• Theme Manager: 3-state Context-based Theme Manager (Dark, Light, System Preference).
• Dynamic GitHub Stats via CI/CD: Uses a custom GitHub Actions pipeline to fetch deep metrics and language breakdowns at build-time, injecting them statically without exposing API tokens or hitting rate limits on the client side.
• Bilingual (i18n): Full English (EN) and Indonesian (ID) support with seamless context-based switching.
• Optimized PWA & SEO: Structured JSON-LD data, Apple web app meta tags, robust accessibility (ARIA roles), and Service Worker caching.
• Dynamic Routing: Built with react-router-dom using BrowserRouter and GitHub Pages SPA fallback.
• Fully Automated Deployment: Powered by GitHub Actions for seamless continuous deployment to GitHub Pages.

🚀 Running Locally

If you'd like to run this project on your local machine:

1. Clone the repository

   git clone https://github.com/josapton/josapton.github.io.git
   cd josapton.github.io

2. Install dependencies

   npm install

3. Start the development server

   npm run dev

   The site will be available at http://localhost:5173/.

🛠️ Editing Content

• Portfolio / Projects / Research: Edit src/pages/Portfolio.jsx
• Translations (i18n): Edit src/locales/en.js and src/locales/id.js
• Theme & Colors: Core CSS variables are defined in src/index.css
• Easter Egg Commands: Edit src/components/EasterEgg.jsx

📄 License

This project is open-source and available under the MIT License.