Skip to content

This website contains a virtual tour created with react three-js

Notifications You must be signed in to change notification settings

PulinduVR/Virtual-Tour

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🏛️ Virtual Tour Website — Department of Computer Science & Engineering

An immersive 360° virtual tour website built for the Department of Computer Science & Engineering, providing users with an interactive way to explore locations online.
Developed with React.js + Vite, Three.js for 3D rendering, and ImageKit.io for optimized image delivery.


🛠️ Tech Stack & Tools


✨ Features

  • 🌐 360° Panoramic Views — Navigate through scenes like a real-life tour.
  • 🎯 Smooth Navigation — Seamless scene transitions with clickable hotspots.
  • Optimized Performance — Built on Vite for fast builds and hot module replacement (HMR).
  • 🖼️ High-Quality Images — Served via ImageKit.io for fast loading and adaptive quality.
  • 📱 Responsive Design — Works beautifully on desktop, tablet, and mobile devices.

🛠️ Tech Stack

Technology Purpose
React.js + Vite Frontend framework & development environment
Three.js 3D rendering and panoramic viewer
ImageKit.io Image storage, optimization, and CDN delivery
JavaScript (ES6+) Application logic
CSS / Tailwind Styling and responsiveness


🚀 Getting Started

Add Images

Add the images to your Public folder.

1️⃣ Clone the repository

git clone https://github.com/your-username/virtual-tour.git
cd CSE-Virtual-Tour
npm install
npm run dev

Your app will be available at: http://localhost:5173

👨‍💻 Author

Developed by Pulindu Vilhan Ranaweera Department of Computer Science & Engineering

About

This website contains a virtual tour created with react three-js

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published