Instead of trying to do it all at once you might want to take it in chunks.<p>I would start on the front end and<p>I would start with looking into Bootstrap and jquery. And look at using PHP to deliver the webservice data to jquery.
<a href="http:&#x2F;&#x2F;tutorialzine.com&#x2F;2015&#x2F;01&#x2F;shoutbox-php-jquery&#x2F;" rel="nofollow">http:&#x2F;&#x2F;tutorialzine.com&#x2F;2015&#x2F;01&#x2F;shoutbox-php-jquery&#x2F;</a><p>------<p>I would also google some MVC PHP tutorals to get some idea of how MVC works since alot of modern frameworks are modeled after it.<p>----<p>next pick a javascript framework to make a SPA
here&#x27;s some tutorials(middle of the page) on using angularjs with php:  <a href="http:&#x2F;&#x2F;www.angularcode.com&#x2F;" rel="nofollow">http:&#x2F;&#x2F;www.angularcode.com&#x2F;</a><p>-----------<p>now your ready to swap out php for another server technology. nodejs, RoR, whatever.<p>---------------------