Venkatesan-M / VenkaTesanPortfolio

The Room 🏠 Portfolio project uses THREEJS, GSAP animations, and Asscroll to create a captivating digital space, blending creativity and technology for a seamless web experience.

Home Page:https://venka-tesan-portfolio.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Room 🏠 Portfolio

Venka

Welcome to the Room 🏠 Portfolio GitHub repository! This project showcases a captivating digital space where creativity and technology merge seamlessly. Crafted with THREEJS, GSAP animations, and Asscroll, this portfolio offers a unique web experience.


I know, This is the project that leverages THREEJS to seamlessly deploy a 3D model in real-time on the web. The room, crafted in Blender3D and saved as a GLB file, is smoothly loaded using GLTFLoader/DRACOLoader. The captivating animation is orchestrated through GSAP ScrollTrigger, GSAP Timeline, while Asscroll ensures a fluid scrolling experience.

Project Overview

"Room 🏠 Portfolio" leverages THREEJS to deploy a 3D model in real-time on the web. The room, meticulously designed in Blender3D and saved as a GLB file, is smoothly loaded using GLTFLoader/DRACOLoader. The captivating animation is orchestrated through GSAP ScrollTrigger and GSAP Timeline, while Asscroll ensures a fluid scrolling experience.

Features

  • Interactive 3D Environment: Experience a visually stunning 3D room environment directly on the web.
  • GSAP Animations: Engage with smooth and captivating animations powered by GSAP (Greensock).
  • Seamless Scrolling: Enjoy a fluid web browsing experience facilitated by Asscroll.

Tech Stack

THREEJS Blender3D GSAP (Greensock) Vite Asscroll

Live Website

Explore the live website here.

Create Your Own Portfolio Website

Install and setup git on your system, git to install gitbash.

git clone https://github.com/Venkatesan-M/VenkaTesanPortfolio.git

Install the necessary Dependencies

Install VSCODE to set up your codebase.
Install Node and Nodemon.

Set up your codebase!

cd VenkaTesanPortfolio
code .

Resolve Dependencies by

npm i

Run you Application

Run you Application by Executing.

npm run dev

on another Terminal.
go to LocalHost to View your Live app.

Contributing

Contributions are welcome! Feel free to submit issues and pull requests.

Credits

  • Bokoko: Inspiration behind the project.
  • Abigail Bloom: Mentorship and guidance.

Stay Updated

Follow me on LinkedIn for more exciting updates on my portfolio journey!

About

The Room 🏠 Portfolio project uses THREEJS, GSAP animations, and Asscroll to create a captivating digital space, blending creativity and technology for a seamless web experience.

https://venka-tesan-portfolio.vercel.app


Languages

Language:JavaScript 65.1%Language:HTML 18.7%Language:CSS 16.3%