https://github.com/nischay-code/3d_portfolio
Build an Amazing 3D Developer Portfolio in React with Three.js
https://github.com/nischay-code/3d_portfolio
3danimation javascript reactjs threejs-learning
Last synced: 2 months ago
JSON representation
Build an Amazing 3D Developer Portfolio in React with Three.js
- Host: GitHub
- URL: https://github.com/nischay-code/3d_portfolio
- Owner: nischay-code
- Created: 2023-11-24T04:40:15.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-01-25T15:01:29.000Z (over 2 years ago)
- Last Synced: 2025-02-26T04:31:20.282Z (over 1 year ago)
- Topics: 3danimation, javascript, reactjs, threejs-learning
- Language: JavaScript
- Homepage: https://nischay-code.netlify.app/
- Size: 32.4 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) 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](https://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:
```env
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:**
```bash
git clone https://github.com/nischay-code/3d_portfolio.git
```
2. **Change into the project directory:**
```bash
cd 3d_portfolio
```
3. **Install dependencies:**
```bash
npm install
```
### Usage 🛠️
1. **Run the development server:**
```bash
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](https://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! 🌟