A virtual tour of the NSCC Institute of Technology Campus using virtual reality.
Please visit us! https://nscc-360.herokuapp.com/
npm i
docker-compose up
The main application is divided into three different apps that communicate with each other. They are:
- A frontend that is build using NEXTJS and REACTJS. This application is responsible for displaying the information about the page, displaying the map of the campus, and any other data that appears in the frontend. This application is served through NEXTJS.
- A framework that uses REACT 360 frameworks. This app is responsible for rendering the equirectangular photos of the campus. This application communicates with the home page frontend though an iframe. This application is served though a NGINX server.
- A NGINX server that works as a router to the frontend and the REACT 360 application.
Each application is served through a docker container. The image below illustrates the flow of communication between the containers: