https://github.com/talhat298/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.
https://github.com/talhat298/r3jportfolio
gsap leva maat prettier react-globe react-three-drei react-three-fiber reactjs tailwind-css three-shall threejs
Last synced: about 1 month ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/talhat298/r3jportfolio
- Owner: TalhaT298
- Created: 2024-11-11T14:17:51.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-23T20:15:54.000Z (about 1 year ago)
- Last Synced: 2025-02-11T17:18:02.653Z (12 months ago)
- Topics: gsap, leva, maat, prettier, react-globe, react-three-drei, react-three-fiber, reactjs, tailwind-css, three-shall, threejs
- Language: JavaScript
- Homepage:
- Size: 13.6 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
A 3D Dev Portfolio
## 📋 Table of Contents
1. 🤖 [Introduction](#introduction)
2. ⚙️ [Tech Stack](#tech-stack)
3. 🤸 [Quick Start](#quick-start)
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.
- Node.js
- React.js
- Three.js
- React Three Fiber
- React Three Drei
- Email JS
- Vite
- Tailwind CSS
**Prerequisites**
Make sure you have the following installed on your machine:
- [Git](https://git-scm.com/)
- [Node.js](https://nodejs.org/en)
- [npm](https://www.npmjs.com/) (Node Package Manager)
**Cloning the Repository**
```bash
git clone https://github.com/TalhaT298/r3jPortfolio
cd r3jPortfolio
```
**Installation**
Install the project dependencies using npm:
```bash
npm install
```
**Set Up Environment Variables**
Create a new file named `.env` in the root of your project and add the following content:
```env
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](https://www.emailjs.com/).
**Running the Project**
```bash
npm run dev
```
Open [http://localhost:5173](http://localhost:5173) in your browser to view the project.