A highly immersive, 3D interactive portfolio featuring an oceanic environment, a wooden raft, and smooth cinematic animations.

About • Features • Projects • Installation • Contact

🌊 About Voyage

Voyage is a unique, gamified approach to the traditional developer portfolio. Instead of scrolling through a flat webpage, visitors land on a 3D digital raft floating in a beautiful ocean environment. They can pan the camera, click on an interactive signpost, and smoothly glide through a showcase of my best projects.

✨ Features

• Fully 3D Environment: Powered by React Three Fiber and Three.js.
• Cinematic Camera Movements: Smoothly transitions between the main menu, project slider, and contact sections.
• Interactive UI Elements: Wooden signposts and 3D buttons that react to hover states.
• Responsive Design: The 3D canvas scales and adapts to both desktop and mobile screens perfectly.
• Premium Aesthetics: High-end shaders, water reflections, and a custom skybox.

🚀 Projects Showcase

Voyage serves as the central hub for all my major development projects:

1. Bilaspur College Reviewer - A robust directory and review platform for local colleges.
2. Career Guidance Platform - An interactive tool to help students find their path.
3. GreenBow - A sleek, modern web application.
4. Retro Green Ascii Bio - A nostalgic, terminal-themed biography site.
5. They Call Me Wretched - A custom creative project.
6. Dither Core - Exploring unique visual dithering techniques in web environments.
7. Fav Panda Portfolio - A stylized alternative portfolio template.

💻 Installation & Setup

To run this 3D portfolio locally on your machine:

# 1. Clone the repository
git clone https://github.com/Sunil56224972/voyage.git

# 2. Navigate into the directory
cd voyage

# 3. Serve the application
# If you have Node.js installed, you can use npx:
npx http-server ./ -p 8081

# 4. Open your browser and visit:
http://localhost:8081

(Note: This repository contains the minified production build files for maximum performance).

📫 Get in Touch

I'm always open to discussing new projects, creative ideas, or opportunities to be part of your visions.

• LinkedIn: Connect with me on LinkedIn
• Email: sunilnathyogi008@gmail.com
• GitHub: @Sunil56224972

---

Crafted with ❤️ by Sunil Nath Yogi.