An immersive, high-performance 3D portfolio designed to showcase a diverse technical background in Game Development, Artificial Intelligence, and Full-Stack Web Development.
🔗 Live Demo: https://3d-interactive-portfolio-609zp2axf.vercel.app/
This portfolio goes beyond the traditional static website, offering an interactive experience that utilizes 3D graphics and modern UI/UX principles.
- Immersive 3D Experience: Integrated Three.js and React Three Fiber for a depth-driven interface.
- Dynamic Project Switching: A categorized gallery that filters projects (Games, AI, Web) in real-time.
- URL Hash Navigation: Custom routing allows users to jump directly to specific categories like
#aior#projects. - Responsive Cyberpunk UI: Fully optimized for mobile and desktop with sleek glassmorphism and glowing effects.
| Category | Technologies Used |
|---|---|
| Frontend Framework | React 18 (Vite), TypeScript |
| Styling | Tailwind CSS (Utility-first) |
| 3D Rendering | Three.js, React Three Fiber, Drei |
| Animations | Framer Motion (Scroll & State triggers) |
| Icons | Lucide React |
- NYAYA.ai: A Next-Gen Legal Intelligence Platform using RAG & Llama-3 to simplify the Indian Constitution.
- SafeRoute AI: AI-powered navigation analyzing road geometry and infrastructure for safer travel.
- Mythical Dungeon: A 3D Action-RPG dungeon crawler built in Unity.
- Sharp Shooter: Fast-paced FPS with wave-based drone combat.
- Rocket Boost: Physics-based 2D sci-fi platformer.
- Mini Golf: 3D arcade physics game with multi-level design.
- Gaming Portal: Cyberpunk developer portal featuring global leaderboards and embedded HTML5 games.
To run this project locally, follow these steps:
git clone https://github.com/Priyanksolanki9853/3d-interactive-portfolio.gitcd 3d-interactive-portfolionpm installnpm run devThis project is optimized for Vercel. Every push to the main branch automatically triggers a new build and deployment.
- Build Command:
npm run build - Output Directory:
dist
Priyank Solanki
- GitHub: @Priyanksolanki9853
- Email: [priyanksolanki9853@gmail.com]
- LinkedIn: Priyanksolanki9853
To save this README file to your repository, run these commands in your terminal:
git add README.md
git commit -m "Docs: Complete professional README"
git push origin mainCreated with ❤️ by Priyank Solanki