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
- 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.
- 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.
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- Node.js installed
- (Optional) Vite installed globally:
npm install -g create-vite
-
Clone the repository:
git clone https://github.com/nischay-code/3d_portfolio.git
-
Change into the project directory:
cd 3d_portfolio -
Install dependencies:
npm install
-
Run the development server:
npm run dev
-
Access your portfolio at
http://localhost:3000. -
Customize your portfolio by modifying the provided templates.
- gltf.pmnd.rs: For stunning 3D models.
Feel free to connect with me for any questions or collaborations!
🌟 Happy coding with your 3D Developer Portfolio! 🌟