AvionShea / Generic_ThreeJS_Portfolio

Three JS Portfolio

An interactive and immersive developer portfolio utilizing 3D libraries and implementing animations.

Table of contents

• Getting Started
• Available Scripts
• Screenshot
• Tools
• Links
• Author

Screenshot

Built with

• HTML
• Tailwind CSS
• React.js
• React Three Fiber
• React Three Drei
• Three.js
• Email JS
• Vite

Getting Started

Installation

Install the project dependencies using npm:

npm install

Set Up Environment Variables

Create a new file named .env in the root of the project and add the following content:

REACT_APP_EMAILJS_USERID=your_emailjs_user_id
REACT_APP_EMAILJS_TEMPLATEID=your_emailjs_template_id
REACT_APP_EMAILJS_RECEIVERID=your_emailjs_receiver_id

Replace the placeholder values with your actual EmailJS credentials. You can obtain these credentials by signing up on the EmailJS website.

Available Scripts

In the project directory, you can run:

npm run dev

Open http://localhost:5174/ to view it in your browser.

Ctrl + C

Ends server

Links

Tutorial: Beginner Three.js Tutorial

YouTube Channel: JavaScript Mastery

Author

• LinkedIn - @avion-cobb
• Twitter - @Blvck_Lotus003