Skip to content

josapton/josapton.github.io

Repository files navigation

josapton's Portfolio

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

Vite React Framer Motion

🌐 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.
  • Cyber/Terminal Theme: Blinking cursors, monospace accents, scan lines, and command-line aesthetics.
  • Dynamic Routing: Built with react-router-dom for fast page transitions.
  • Dark/Light Mode: Soft emerald palette for light mode and vibrant neon green for dark mode.
  • 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

  • Projects: Edit src/pages/Projects.jsx
  • Research: Edit src/pages/Research.jsx
  • Theme: Core CSS variables are defined in src/index.css

📄 License

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