https://github.com/akdevv/threejs-portfolio

Awsome Three.js personal portfolio website!
https://github.com/akdevv/threejs-portfolio

protfolio reactjs threejs

Last synced: about 2 months ago
JSON representation

Awsome Three.js personal portfolio website!

• Host: GitHub
• URL: https://github.com/akdevv/threejs-portfolio
• Owner: akdevv
• Created: 2024-10-04T16:39:55.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-11-27T10:40:39.000Z (over 1 year ago)
• Last Synced: 2025-04-22T19:05:26.881Z (about 1 year ago)
• Topics: protfolio, reactjs, threejs
• Language: JavaScript
• Homepage: https://threejs-portfolio-rose.vercel.app/
• Size: 18.1 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 3D Developer Portfolio

![React](https://img.shields.io/badge/-React_JS-black?style=for-the-badge&logoColor=white&logo=react&color=61DAFB)

![Three.js](https://img.shields.io/badge/-Three_JS-black?style=for-the-badge&logoColor=white&logo=threedotjs&color=000000)

![Tailwind CSS](https://img.shields.io/badge/-Tailwind_CSS-black?style=for-the-badge&logoColor=white&logo=tailwindcss&color=06B6D4)

A stunning 3D portfolio website built using React.js, Three.js, and Tailwind CSS. This project showcases a developer's skills in an interactive and visually engaging way.

## Features

-   **3D Hero Section**: Immersive 3D elements that respond to user interactions.

-   **About Section**: Tech stack icons, location globe, and quick contact options.

-   **Project Showcase**: Interactive 3D project display.

-   **Fully Responsive**: Optimized for all devices.

## Screenshots

![Screenshot 1](/public/screenshots/screenshot1.png)

## Steps to Run Locally

### Prerequisites

Ensure the following are installed on your system:

-   [Git](https://git-scm.com/)

-   [Node.js](https://nodejs.org/en)

### Clone the Repository

```bash

git clone https://github.com/your-repo/threejs-portfolio.git

cd threejs-portfolio

```

### Install Dependencies

```bash

npm install

```

### Start the Development Server

```bash

npm run dev

```

Visit [http://localhost:5173](http://localhost:5173) to view the project in your browser.

## Credits

This project was built following the excellent tutorial by **JavaScript Mastery**. Check out the full tutorial on YouTube: [Build a 3D Developer Portfolio](https://www.youtube.com/watch?v=kt0FrkQgw8w).