3D Portfolio

A modern, interactive 3D portfolio website built with React, Three.js, and Vite. This portfolio showcases my skills, projects, and experience in an engaging 3D environment.

🚀 Features

• Interactive 3D environment using Three.js
• Modern and responsive design
• Smooth animations and transitions
• Project showcase section
• Skills and experience display
• Contact information
• Mobile-friendly interface

🛠️ Tech Stack

• React
• Three.js
• Vite
• Tailwind CSS
• Framer Motion
• React Three Fiber

📦 Installation

1. Clone the repository:

   git clone https://github.com/yourusername/3D-Portfolio.git

2. Install dependencies:

   cd 3D-Portfolio
   npm install

3. Start the development server:

   npm run dev

🎨 Customization

• Update your personal information in the src/data directory
• Modify 3D models and animations in the src/components/3d directory
• Customize the theme in tailwind.config.js

📄 Project Structure

src/
├── assets/         # Static assets (images, 3D models)
├── components/     # React components
│   ├── 3d/        # Three.js components
│   ├── ui/        # UI components
│   └── sections/  # Page sections
├── data/          # Project data and content
├── styles/        # Global styles
└── utils/         # Utility functions

🌟 Skills Showcase

• Frontend Development
• 3D Graphics
• WebGL
• React Development
• UI/UX Design
• Animation
• Responsive Design

📱 Responsive Design

The portfolio is fully responsive and works seamlessly across:

• Desktop
• Tablet
• Mobile devices

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

📧 Contact

For any inquiries or collaboration opportunities, please reach out through:

• Email: vdevisricharan@gmail.com
• LinkedIn: Devi Sri Charan Valupadasu
• GitHub: Devi Sri Charan

Docker Usage

1. Build the Docker image:

   docker build -t 3d-portfolio .

2. Run the container:

   docker run -p 8080:80 3d-portfolio

3. Open http://localhost:8080 in your browser.

Notes

• A fallback.png image is used for missing or broken technology icons. Place your own in the public/ folder if you want to customize it.

"Bob The Builder" [https://skfb.ly/puPC9] by patrick.ambrose2840 is licensed under Creative Commons Attribution [http://creativecommons.org/licenses/by/4.0/].