A Web Application for finding the shortest path between 2 buildings on UW.
The campus-paths application works by setting up a server with the details on what buildings are available and the shortest path between them. On the Front-End side made with ReactJS, the user can clink on points that represent the buildings as well as select which entrance to start from. In addition, there are additional options on how the path will be rendered.
Visit the website here for a live demo. Spark server hosted on EC2, front-end react app hosted on GH-pages
-
Start the Spark Server. This can be done by opening campus-paths/src/main/java/server/SparkServer.java in an IDE and starting it up.
-
Open the front-end side. This can be done either by
- Opening campus-paths/site/build/index.html or
- Open the campus-paths/site/ folder and using a shell, type 'npm install && npm start'
Starting Point and Ending Point represent which 2 points to find the path into
Once both have been filled using the drop-down menu, click on 'Find Path' to display the path between them
Additionally, you can clear the paths by clicking on 'Clear'
the Options drop-down menu provides additional features in pathfinding such as Animating the path so far based on the directions given and allowing the path to be drawn in rainbow color