3d-portfolio-website Tailwind Templates

3d Portfolio Website

I am currently diving into the realm of creating 3D websites using React.js, Tailwind CSS, and Three.js. Through this learning journey, I am exploring the integration of Three.js—a powerful 3D library—within React.js to build immersive and interactive 3D web experiences.

3D Portfolio Website

About Project

alt text

This is a 3D portfolio website, I created this website to learn more about frontend roles and also to continue to hone my programming skills with insight into component structures, layout settings, and responsive design on websites. And yes, this is my first 3d website project created using React JS , Tailwind CSS and Three JS.

This project is an open source project, you can preview the code and clone this project. You can also contribute to make this project better.

Prerequisites

Ensure the following are installed on your computer:

  • Node.js ^20.11.*
  • NPM (Node Package Manager)

Usage

  1. Clone the Repository:

    git clone https://github.com/aldyvictor/3d-portfolio-website.git
    
  2. Navigate to Project Directory:

    cd 3d-portfolio-website
    
  3. Install Dependencies:

    npm install --legacy-peer-deps
    
  4. Run the Project:

    npm run dev
    
  5. Access the Project:

    Open a browser and visit http://localhost:5173

Contribution

I appreciate your contribution! If you'd like to contribute to this project, please create a pull request, and I'll be happy to review it.

"And don't forget to give a star if you like this project! ✌️"

Top categories

Loading Svelte Themes