Skip to content

README.md

Latest commit

 

History

History
40 lines (33 loc) · 1.77 KB

README.md

File metadata and controls

40 lines (33 loc) · 1.77 KB
Raw

🎮 Interactive 3D Anime Portfolio

Welcome to my immersive 3D portfolio experience! This project moves away from traditional flat web design, offering a 300-unit-long interactive journey through a gaming-inspired environment.

🌟 Overview

Built with Three.js and ES6 modules, this portfolio allows users to navigate an anime-style character along a curved path to explore different stages of my professional life. The experience utilizes Bloom post-processing for high-quality lighting and visual effects.

🛠️ Tech Stack

  • Core: Three.js (3D Engine)
  • Language: JavaScript (ES6+)
  • Visuals: Bloom Post-Processing, Custom Shaders
  • Architecture: Data-driven via config.json

📂 Repository Features

  • Interactive Pathing: A custom-built 300-unit curved path for character navigation.
  • Configuration-Driven Content: All personal data, including projects, skills, education, and certifications, is managed through a central config.json file.
  • Game-Inspired UI: Professional achievements displayed in an immersive, interactive format.

🚀 Getting Started

  1. Clone the repository: 
    git clone [https://github.com/smritiesharma/saurav-portfolio.git](https://github.com/smritiesharma/saurav-portfolio.git)
  2. Install dependencies: (Assuming a standard Vite or Node setup) 
    npm install
  3. Customize Content: Edit the src/config.json file to update your personal details, skills, and projects.
  4. Run Locally: 
    npm run dev

📬 Connect with Me