How is new IRCTC website working?

Question

So IRCTC (irctc.co.in) have changed a lot on their website, and I love the way page changes dynamically without loading. How can I achieve the same?
I saw some tutorials on YouTube, but they are not helpful since content gets loaded, but URL doesn't change.
On IRCTC website, everything, even registration page and post login browser doesn't refresh. How?

Answer 1

Hi Kawalpreet Juneja ,

Good question.

I'm not really understanding what you mean by "changes dynamically without loading."

The landing url is:
https://www.irctc.co.in/nget/train-search

while the registration page url is:
https://www.irctc.co.in/nget/user-registration

so (at least from my access point) the url does change.

The trouble with this website is that a script is writing over the existing code when you click the REGISTRATION anchor, so that is suboptimal for users because, for example, if they want to bookmark that page, they can't (page not found), and if something broke and they want to refresh the page, they can't (page not found). You can tell by viewing the source from the landing page and viewing the source from the registration page and comparing them.

I'm not sure if this helps, but it would be interesting to find out more about what about these sorts of websites keeps you excited about coding. :)