https://github.com/julien-muke/3d_portfolio
build a cool 3D website portfolio with fun interactive parts, like a floating island and a fox that moves when you type.
https://github.com/julien-muke/3d_portfolio
react reactthreefiber tailwindcss threejs
Last synced: 3 months ago
JSON representation
build a cool 3D website portfolio with fun interactive parts, like a floating island and a fox that moves when you type.
- Host: GitHub
- URL: https://github.com/julien-muke/3d_portfolio
- Owner: julien-muke
- Created: 2023-11-14T12:27:31.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-11-18T13:00:16.000Z (over 2 years ago)
- Last Synced: 2025-04-09T21:47:46.588Z (over 1 year ago)
- Topics: react, reactthreefiber, tailwindcss, threejs
- Language: JavaScript
- Homepage: https://3-d-portfolio-black.vercel.app/
- Size: 38.6 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Build and Deploy an Amazing 3D Developer Portfolio in React with Three.js
# Introduction
build a cool 3D website portfolio with fun interactive parts, like a floating island and a fox that moves when you type.
Learn from:
⭐ JSM Masterclass Experience - https://jsmastery.pro/masterclass
# Installation
Follow these steps to install and run the project:
1. **Clone the repository**
Open your terminal and run the following command to clone the repository:
```bash
git clone https://github.com/julien-muke/3D_portfolio
```
2. **Navigate to the project directory**
```bash
cd instahub
```
3. **Install Node.js**
The project requires Node.js to run. If you don't have it installed, you can download it from [here](https://nodejs.org/en/download/).
4. **Install the required packages**
The project requires several packages to be installed. Run the following command to install them:
```bash
npm i
```
5. **Set up the environment variables**
The project requires the Emailjs environment variable to be defined. You can do this in a `.env` file in the root of your project:
```bash
VITE_APP_EMAILJS_SERVICE_ID=your_emailjs_service_id
VITE_APP_EMAILJS_TEMPLATE_ID=your_emailjs_template_id
VITE_APP_EMAILJS_PUBLIC_KEY=your_emailjs_public_key_id
```
7. **Start the server**
Run the following command to start the server:
```bash
npx vite
```