shivamkak19 / skstudio-portfolio

SKSTUDIO Portfolio Website

Welcome to my personal portfolio! This website showcases my most important coding projects, all of which are also available here on my Github page.

About the Project

Live Links:

• skstud.io
• skstudio.vercel.app

This portfolio website is based on the open source React Three Fiber components and templates developed by Pmndrs/drei. Available here: https://github.com/pmndrs/drei

Libraries/Frameworks

• 
• 
• 
• 
• 
• 
• 

Getting Started

If you are interested in using this as a template to learn React Three Fiber, follow the installation steps below to run this portfolio on your local device.

** (Please do not copy this content directly without citing for the purpose of your own portfolio). **

Prerequisites

To run this project, you must download the latest version of the npm package manager and Blender 3.6.1.

npm install npm@latest -g

Installation

1. Clone the repo

   git clone https://github.com/Shivamkak19/SKSTUDIO-Portfolio.git

2. Install NPM packages

   npm install

3. Vite local deployment

   npm run dev

4. Vite build

   npm run build

5. Vite preview

   npm run preview

Roadmap

• Use Pmdnrs/drei "Ground reflections and video textures" as template
• Utilize HTML React component to create information panels for each project
  • Assign component to a plane mesh for effect
• Import polar bears models as GLB files
  • Set animation mixer for polar bear animations
• Design scroll experience with GSAP scroll trigger plug in

License

Distributed under the MIT License. See LICENSE for more information.

Contact

• Shivam Kak:

  • [email protected]
  • https://linkedin.com/in/shivamkak

• Project Link: https://github.com/Shivamkak19/SKSTUDIO-Portfolio

Acknowledgments

• Pmndrs/drei, for a really cool template with preset ground reflections and video textures for text!
• Bruno Simon, for the Three-JS Journey course, which is a great instructional resource for learning three.js and React Three Fiber
• "Polar Bear" model by Bjarne Stokhof can be found at https://sketchfab.com/3d-models/polar-bear-04dbccf27a694c8a82e5330f3056022f