A 3D Dev Portfolio

📋 Table of Contents

1. 🤖 Introduction
2. ⚙️ Tech Stack
3. 🔋 Features
4. 🤸 Quick Start
5. 📦 Assets

🤖 Introduction

This 3D Minimalistic portfolio showcases my skills in web development with a focus on creating immersive and interactive web experiences. The site combines React.js, Three.js, and TailwindCSS to demonstrate the potential of integrating 3D elements into user interfaces.

⚙️ Tech Stack

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

🔋 Features

• Immersive Hero: Interactive 3D environment that reacts to user interactions.
• Interactive About Me: Dynamic presentation of my skills and experiences with 3D visual effects.
• Dynamic Project Showcase: A scroll-through area where projects are displayed within a 3D interactive space.
• Engaging Experience Timeline: Key career milestones are represented with interactive 3D elements.
• Client Testimonials: 3D display of client feedback and testimonials.
• Easy Contact Form: A simple and direct way for potential clients or employers to reach out.
• Fully Responsive: Ensures that the portfolio is accessible on any device, providing a seamless experience across all platforms.

🤸 Quick Start

To get this project up and running on your local machine, follow these steps:

Prerequisites:

• Git
• Node.js
• npm (Node Package Manager)

Setup:

https://github.com/Swayam-code/creative-portfolio-website.git
cd creative-portfolio-website
npm install

Environment Variables

Create a .env file in the root directory and add:

REACT_APP_EMAILJS_USERID=your_emailjs_user_id
REACT_APP_EMAILJS_TEMPLATEID=your_emailjs_template_id
REACT_APP_EMAILJS_RECEIVERID=your_emailjs_receiver_id

Running the Project

To run the project, use the following command:

npm run dev

Visit http://localhost:5173 to view the project.

🔗 Assets

All models and assets used in this project are documented and can be accessed here.