- Express
- React JS
- Node JS
- Three JS
This web-application is devised for City College of Tagaytay, and is called the "3D VIRTUAL LOCATOR FOR CITY COLLEGE OF TAGAYTAY"
This application has two sides; The first side is the "USER-SIDE" and the "ADMINISTRATOR-SIDE". The USER-SIDE, which contains the path-finding algorithm, only allows normal users (Students, Visitors, School personnel, Enrollees, etc.) to see the 3D virtual locator and search for pre-defined location inside the building. The ADMINISTRATOR-SIDE automatically detects if there is an existing admin, and if there is then it will prompt the sign-in view, otherwise the sign-up view will be prompted. The administrator-side will allow its user to modify some information like the Checkpoint's properties, and import 3D building's properties, and his/her information. The administrator can also import a 3D object.
The algorithm used for Path-finding is the Breadth-first search algorithm, which is the easiest way to obtain the shortest path between point-a and point-b. Data-structures like Graphs and Trees uses nodes, but for this web-application we call Node a Checkpoint. A Checkpoint is very similar to a Node, but the only difference is that Checkpoint has two types. The two types of Checkpoint are the Connector and Non-connector checkpoint. A Non-connector checkpoints serves as a named space inside our 3D world and automatically links itself to the nearest connector, while a Connector checkpoint serves as a link between two non-connector checkpoints.
The way to tell this application that a checkpoint is a connector type is by naming it as a connector
Example: connector
But a connector must always have a unique number with no spaces.
Example: connector1
And to tell a connector which to connect itself to is by following the example below.
Example: connector1-[2,3]
The example above says that CONNECTOR1 is connected to CONNECTOR2, and CONNECTOR3, thus CONNECTOR2 and CONNECTOR3 are connected to CONNECTOR1, but that does not mean CONNECTOR2 is connected to CONNECTOR3.
This assumes that you already have installed Nodejs and Git cli.
On your terminal type these commands.
git clone https://github.com/stevenCharles1325/cct-map-react.git
cd cct-map-react
npm install
After the installation, follow the next step.
cd client
npm install
And Viola, 3d virtual locator for City College of Tagaytay is now downloaded!
For personal questions please contact me on my email address: stevencharles1325@gmail.com