3D Portfolio

This project is a website that displays a 3D Portfolio using React JS

Detail

📱 Features

• Create a layout using Tailwindcss
• Responsive website
• Built with React.js & Three.js

🚀 Technologies & Resources

• React + Vite + TypeScript
• Tailwindcss
• Three.js
• React Vertical Timeline
• GraphQL
• Framer Motion
• Email.js
• React Three Fiber
• Hygraph CMS

💻 Installation

1. Clone the repository:

   git clone https://github.com/fadhildwia/portfolio-3D-tailwind-threejs-graphql.git
   

2. Navigate to the project directory:

   cd portfolio-3D-tailwind-threejs-graphql
   

3. Install the dependencies:

   yarn
   #or
   npm install
   

4. Make a copy of .env.example to .env:

   # Put your VITE_PUBLIC_GRAPHCMS_ENDPOINT credential in .env file
   cp .env.example .env
   

5. Run the project:

   yarn dev
   #or
   npm run dev
   

Feel free to explore the code and adapt it to suit your needs! If you encounter any issues or have suggestions for improvements, please don't hesitate to open an issue or submit a pull request.