Christopher Rivera — Programmer, Developer & Robotics Leader
Building projects across security, games, and the web.
- Animated space background — Star field with nebulae and shooting stars
- Scroll-directed particle sphere — Adaptive Three.js visual that connects the Hero and About sections
- Premium motion system — Lenis smooth scrolling synchronized with GSAP and ScrollTrigger
- Dark theme — Clean, minimal design with blue accent colors
- Multi-language — English / Spanish toggle
- Responsive design — Works on all screen sizes
- SEO optimized — Open Graph, Twitter Cards, Schema.org JSON-LD, sitemap.xml, robots.txt
| Project | Type | Description | Tech | Links |
|---|---|---|---|---|
| Soterios | Featured · Open Source | Local-first desktop security suite — malware scanning, system audits, maintenance | JavaScript, Electron, Node.js | GitHub |
| Isles of Inconstance | Featured · Game | Farm, fight, explore a procedurally generated island — every crop, animal, world is unique | Godot, GDScript, Procedural Generation | Play · GitHub |
| Monty Pythons FRC 2151 | Robotics · Web | Official website for FRC Team 2151 — team info, competition history, season updates | HTML, CSS, JavaScript | Live · GitHub |
| Personal Website | Interactive · Web | This portfolio — cosmic visual system with WebGL, scroll-directed motion | Three.js, GSAP, Lenis | Live · GitHub |
| Codebase Colony | Dev Tool · Desktop | Turns a real repository into an explorable isometric settlement — code as city | TypeScript, Electron, React | GitHub |
| Web Burrow | Desktop · 3D Web | Local-first 3D space that turns bookmarks into a cozy explorable world | TypeScript, React, Three.js | GitHub |
| Los Cimientos Website | Business · Web | Event website for Los Cimientos de Chicago — group showcase, booking | HTML, CSS, JavaScript | GitHub |
| Planetfall | Game · Multiplayer | Browser-based 3D party game on spherical planets — grapple, repair, blast rivals | TypeScript, Three.js, Socket.IO | GitHub |
| Journey to Bread | WebGL · Experience | Scroll-driven WebGL passage from field to loaf — nine transformations of one grain | Three.js, GSAP, TypeScript | Live · GitHub |
| Skill | Description |
|---|---|
| Java & Kotlin | Building structured, object-oriented applications for robotics, desktop, and backend systems |
| TypeScript & JavaScript | Developing type-safe, scalable front-end and full-stack applications with modern tooling |
| Python | Automating workflows, scripting robotics controls, and building data-driven tools |
| C++ & Systems | Writing performance-critical code for robotics, game engines, and embedded contexts |
| Web Fundamentals | Crafting semantic HTML, responsive CSS layouts, and accessible interfaces from the ground up |
| CI/CD & DevOps | Automating builds, tests, and deployments with GitHub Actions and modern tooling |
| Git & Version Control | Managing repositories, branching strategies, and collaborative workflows across teams |
| Problem Solving & Debugging | Deconstructing complex issues, tracing root causes, and iterating until the solution sticks |
| Leadership & Teamwork | Guiding teams, coordinating cross-functional efforts, and delivering projects through collaboration |
| Category | Technologies |
|---|---|
| Core | HTML5, CSS3 (custom properties, Grid, Flexbox), Vanilla JavaScript (ES6+) |
| Animation & Motion | GSAP + ScrollTrigger, Lenis (smooth scroll) |
| 3D Graphics | Three.js — custom shaders, particle systems, post-processing |
| Fonts | Playfair Display (headings), DM Sans (UI/body) via Google Fonts |
| Icons | Font Awesome 6.5 (CDN, print-optimized loading) |
| SEO & Meta | Open Graph, Twitter Cards, Schema.org ProfilePage + Person JSON-LD, canonical URLs, sitemap.xml, robots.txt |
| Deployment | GitHub Pages (custom domain: christopher-rivera.me) |
| Performance | preconnect hints, media="print" onload pattern for Font Awesome, prefers-reduced-motion respect |
├── index.html # Single-file app (HTML + embedded CSS + JS)
├── images/
│ ├── favicon.png
│ └── og.png # Open Graph / Twitter Card image (1731×909)
├── robots.txt
├── sitemap.xml
├── CNAME # Custom domain for GitHub Pages
├── LICENSE
└── README.md
Note: All styles and scripts are embedded in
index.htmlfor zero-dependency deployment and optimal caching on GitHub Pages.
- Hero — Animated particle sphere, name, title, CTA
- About — Bio, stats, tech stack cloud
- Extracurriculars — Robotics leadership, competitions, volunteering
- Projects — 9 featured projects with visual cards, tech tags, live/GitHub links
- Skills — 9 categorized skills with icons and descriptions
- Contact — Email, GitHub, LinkedIn, Instagram
Deployed to GitHub Pages with custom domain christopher-rivera.me via CNAME.
- Live site: https://christopher-rivera.me/
- Custom domain: Configured via
CNAMEfile
MIT — see LICENSE.
Copyright © 2026 Christopher Rivera