3D Developer Portfolio
A visually stunning 3D portfolio built with React and Three.js, showcasing my skills and projects in an interactive and engaging way.
Features
-
3D Graphics and Animations: Powered by Three.js and React Three Fiber for immersive 3D experiences.
-
Responsive Design: Optimized to look great on all devices, from desktops to mobile phones.
-
Interactive Elements: Includes interactive 3D models and smooth animations with Framer Motion.
-
Contact Form: Integrated with EmailJS for seamless communication.
-
Easily Customizable: Modify personal details and project showcases via a simple constants file.
Installation
-
follow these steps to set up the project locally:
-
Clone the Repository:
git clone https://github.com/Chijioke-larryson/3D-Portfolio.git
- Navigate to the Project Directory:
cd 3D-Portfolio
- Install Dependencies:
npm install
-
Set Up Environment Variables (for EmailJS integration):
-
Create a .env file in the root directory.
-
Add the following EmailJS credentials (replace with your own):
REACT_APP_EMAILJS_USERID=your_emailjs_user_id REACT_APP_EMAILJS_TEMPLATEID=your_emailjs_template_id REACT_APP_EMAILJS_RECEIVERID=your_emailjs_receiver_id
- Sign up at EmailJS to obtain these credentials.
Usage
-
Start the Development Server: npm start
-
View the Portfolio:
Open your browser and go to http://localhost:3000.
- Customization
Personalize the portfolio by editing the src/constants/index.js file.
Update sections like skills, projects, and contact information to reflect your own content.
Credits
Inspired by various online tutorials and open-source projects, including works by adrianhajdin and the broader developer community.
License
This project is licensed under the MIT License. See the LICENSE file for details.