A high-end, premium interactive portfolio showcasing Ondrej Michal Očkaj's skills, accomplishments, and custom process models as a Junior Business Analyst and Process Analyst. This site blends analytical rigor with an editorial-grade digital experience.
- Domain-Specific Visuals: Real-world BPMN process flows integrated directly into the layout, acting as structuring anchors instead of generic decorations.
- Tactile Materials: LiquidGlass components that simulate polished glass overlays, responding dynamically to cursor movements with magnetic pulls, 3D tilt, and spring-based ripples.
- Ambient Graphics: Custom WebGL Aurora gradient backgrounds running on the GPU thread for organic, performant ambient illumination.
- Skeleton-First Rendering: Built-in
boneyard-jsintegration that captures layout dimensions at build time to provide flawless skeleton screen placeholders on slow connections. - Deep-linking & Smooth Navigation: Sentinel-based scroll highlighting paired with URL hash synchronization for intuitive multi-device navigation.
- Framework: React 19, TypeScript, Vite 8
- Styling: Tailwind CSS v4, custom theme configurations
- Asset Processing:
lightningcss(CSS transformer), SVGO (SVG optimizer) - Animations:
motion/react(v12+) for hardware-accelerated motion layers - Integrations:
react-markdown+remark-gfmfor fast, lightweight article rendering
| Command | Action |
|---|---|
npm run dev |
Launch local Vite development server |
npm run build |
Compile production bundle (targets ES2023, splits manual vendor chunks) |
npm run preview |
Run local web server serving production build in /dist |
npm run typecheck |
Perform TypeScript compilability checks |
npm run lint |
Run ESLint flat configuration (enforces React Compiler rules) |
npm run optimize-svgs |
Run SVGO on all BPMN diagrams in public/BPMN_models/ |
npm run analyze |
Build production bundle and open Rollup visualizer map |
This repository requires Node.js 22 and npm to be installed on your system.
Clone the repository and install dependencies using npm:
git clone https://github.com/ockaj/ockaj.github.io.git
cd ockaj.github.io
npm ciStart the Vite development server:
npm run devOpen http://localhost:5173 in your browser to view the application.
The portfolio is set up for automated continuous deployment using GitHub Actions:
- Continuous Integration: Pushing commits to
main/mastertriggers the deployment workflow. - Build and Assets: The environment runs
npm cifollowed bynpm run buildto generate the static files under./dist/. - Target Pages: The static directory is pushed directly to the
gh-pagesbranch.