/r3jPortfolio

The 3D Minimalistic Portfolio is a modern project using React.js, Three.js, and TailwindCSS to showcase developer skills. It features interactive 3D elements, smooth animations, and a sleek design for lasting impact. Built with Vite for fast performance and enhanced with tools like GSAP and @react-three/drei.

Primary LanguageJavaScript

A 3D Dev Portfolio

📋 Table of Contents

  1. 🤖 Introduction
  2. ⚙️ Tech Stack
  3. 🤸 Quick Start

🤖 Introduction

Built with React.js for handling the user interface, Three.js for rendering 3D elements, and styled with TailwindCSS, the 3D Minimalistic portfolio is a website project. The primary goal is to demonstrate the developer's skills in a unique manner that creates a lasting impact.

⚙️ Tech Stack

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

🤸 Quick Start

Prerequisites

Make sure you have the following installed on your machine:

Cloning the Repository

git clone https://github.com/TalhaT298/r3jPortfolio
cd r3jPortfolio

Installation

Install the project dependencies using npm:

npm install

Set Up Environment Variables

Create a new file named .env in the root of your 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.

Running the Project

npm run dev

Open http://localhost:5173 in your browser to view the project.