Skip to content

🌌 Code Galaxy v1.0.0 - Revolutionary 3D Developer Portfolio Template

Latest
Latest

Choose a tag to compare

View all tags
@JasonDoug JasonDoug released this 06 Sep 02:02
· 3 commits to main since this release
v1.0.0
e9b2b79

🌌 Code Galaxy v1.0.0 - Revolutionary 3D Developer Portfolio Template

🎉 Initial Public Release - Transform your GitHub repositories into an interactive 3D galaxy!

✨ What's New

🌟 Core Features

  • 🪐 3D Repository Visualization - GitHub repositories rendered as interactive planets
  • 🔄 Real-time GitHub Integration - Live data fetching from GitHub API
  • 🌙 Immersion Mode - Press F to hide UI for distraction-free viewing
  • 🎮 Interactive Navigation - Orbit controls, zoom, and click-to-explore
  • 📱 Fully Responsive - Optimized experience across all devices

🎛️ Advanced Controls

  • Single-click planets → Show floating repository stats
  • Double-click planets → Open detailed repository modals
  • Click Developer Core → View your GitHub profile
  • ESC key → Clear all floating stats
  • F key → Toggle immersion mode

🔧 Technical Stack

  • ⚡ Next.js 15 with App Router and TypeScript
  • 🎨 Three.js + React Three Fiber for 3D graphics
  • 🎭 Framer Motion for cinematic animations
  • 🎨 Tailwind CSS 4 for modern styling
  • 🔒 Security-first approach with sessionStorage
  • 📊 Smart Data Visualization with language-based color coding

🚀 Quick Start

Option 1: One-Click Deploy

Deploy with Vercel

Option 2: Manual Setup

# Use as template
gh repo create my-portfolio --template JasonDoug/codegalaxy

# Or clone directly
git clone https://github.com/JasonDoug/codegalaxy.git my-portfolio
cd my-portfolio
npm install
npm run dev

🎨 Customization

Code Galaxy is designed to be easily customizable:

  • 🌈 Color Themes - Modify language colors and UI gradients
  • 🪐 Planet Algorithms - Customize repository sizing and positioning
  • 🎭 UI Components - Replace welcome messages and HUD layouts
  • ⚡ Performance - Adjust particle counts and rendering quality

See the Customization Guide for detailed instructions.

📦 Deployment Options

  • Vercel (Recommended) - One-click deployment with environment variables
  • Netlify - Static export support
  • Docker - Containerized deployment for any platform
  • GitHub Pages - Static hosting with Actions workflow

🔒 Security & Performance

  • ✅ Bearer token authentication for GitHub API
  • ✅ SessionStorage instead of localStorage for credentials
  • ✅ Proper token validation with authenticated endpoints
  • ✅ Memoized animations to prevent performance issues
  • ✅ Optimized 3D rendering for mobile devices
  • ✅ Bundle optimization with code splitting

📚 Documentation

🌟 Perfect For

  • 👩‍💻 Developers showcasing their GitHub projects
  • 🎓 Students creating portfolio websites
  • 💼 Professionals demonstrating technical skills
  • 🚀 Startups displaying open-source contributions
  • 🎨 Designers wanting unique 3D presentations

🎯 Browser Support

  • Chrome 90+ - Full WebGL and 3D support
  • Firefox 85+ - Complete feature compatibility
  • Safari 14+ - WebGL support (some features may vary)
  • Edge 90+ - Full compatibility

🤝 Contributing

We welcome contributions! Check out our Contributing Guide to get started.

📄 License

MIT License - feel free to use this template for any project!

⭐ Star this repo if you find it useful! ⭐

Made with ❤️ by developers, for developers

🚀 Deploy Now • 📖 Documentation • 🎮 Live Demo

Assets 2
Loading