3D Developer Portfolio in React with Three.js 🚀

Create an amazing 3D developer portfolio using React and Three.js. This template provides a minimal setup with Vite, offering HMR (Hot Module Replacement) and some ESLint rules. Two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

Features 🌟

• Interactive 3D Elements: Showcase your projects in a visually stunning 3D environment.
• React + Vite: Utilizes the power of React with Vite for a fast development experience.
• Easy Customization: Personalize your portfolio by easily modifying the provided templates.
• External Resources: Use external resources like gltf.pmnd.rs for 3D models.
• Contact Form: Integration with EmailJS for sending predefined emails without server-side authentication.

Getting Started 🚀

Note 📝

• For this model, visit https://gltf.pmnd.rs/
• Used EmailJS, a service that lets you create and send predefined emails from your code without server code or server-side authentication.

Setup Environment Variables 🛠️

Create a .env file in the root of your project and add the following variables:

VITE_APP_EMAILJS_SERVICE_ID
VITE_APP_EMAILJS_TEMPLATE_ID
VITE_APP_EMAILJS_PUBLIC_KEY

Prerequisites

• Node.js installed
• (Optional) Vite installed globally: npm install -g create-vite

Installation

1. Clone the repository:

   git clone https://github.com/nischay-code/3d_portfolio.git

2. Change into the project directory:

   cd 3d_portfolio

3. Install dependencies:

   npm install

Usage 🛠️

1. Run the development server:

   npm run dev

2. Access your portfolio at http://localhost:3000.

3. Customize your portfolio by modifying the provided templates.

External Resources 🌐

• gltf.pmnd.rs: For stunning 3D models.

Contact 📬

Feel free to connect with me for any questions or collaborations!

---

🌟 Happy coding with your 3D Developer Portfolio! 🌟