Designed a JavaScript based web application to simulate vehicle navigation. This tool can help researchers and professionals develop Machine Learning path finding algorithm for smart cars in the future.
When implementing DJK I ran into a problem where if the route is [..., 1, 2] there will be a glitch. Nothing errors but the car just doesn't make it to it's yDestination. For example, the car needs to go to 400,000 y but it always stops moving at 510,250. What's even more confusing is it's supposed to be changing on the x and not the y at the time. The issue itself seems pretty serious as it could affect a lot but it only seems to happen when the last 2 nodes of the route are 1 then 2. I hardcoded a fix to prevent that happening and hopefully we don't have any other problems. I'll try to revisit this later.
For the header menu on the webpage, if the browser width is small enough the menu is collapsed into a button. This button doesn't work at the moment and I can't figure out why. I copied and pasted the exact code from bootstrap and double checked it. I also briefly looked on StackOverflow but the answers there didn't help. This isn't extremely important because we shouldn't be viewing the app in such a small window anyway but still something we should fix.
I moved the movement function out of app.js and back into dcMovement but there seems to be 2-3 seconds of lag once the client connects. I'm pretty sure it's not a resource issue because everything runs smoothly after a bit. At first, I thought the server might still be setting up one the client connects so I put a delay on running the movement function but I couldn't get it working. I moved on (and created this issue) because it's not essential to progress atm.