Cyrus Wise - Interactive 3D Portfolio 🎲

Link: https://portfolio-9o0.pages.dev/

Note: While this was a highly fun and immersive build, the UI was intentionally complex and experimental. I have since migrated my primary portfolio to a cleaner, minimalist design for better navigability. You can view the current live version at cyruswise.com and its source code here.

Overview

This repository contains an interactive React + Vite portfolio designed to showcase front-end engineering, animations, and game logic directly within a web environment.

Features

• Playable Rubik's Cube: The main hero page features a fully functional, 3D interactive Rubik's Cube.
• Immersive Space-Universe Game: Navigate to the skills section and press the "Game View" button to launch a playable open-world space game, where each one of my tech skills is displayed as a planet. Features a solar system with three.js logic. Also found at yourlocalhost:####/game.
• Yu-Gi-Oh Contact Cards: The contact section utilizes a custom Yu-Gi-Oh card layout, complete with detailed animations and dynamic shuffling that recalculates based on window resize events.

Tech Stack

• React
• Vite
• Tailwind CSS

Local Setup

To run this project locally:

1. Clone the repository:

   git clone [https://github.com/cyrwise/portfolio.git](https://github.com/cyrwise/portfolio.git)

2. Navigate into the directory:

   cd portfolio

3. Install the dependencies:

   npm install

4. Start the development server:

   npm run dev

No open-source license is provided for this repository.