По моему скромному мнению следуют принципиально разделить проект на 2 части:
- Фронтенд: html + JS
- Бэкэнд: php
Бэкэнд настраиваешь по урл host/api/ на который пост запросом отправляешь параметры (ключи, идентификаторы)
Фронтэнд -- собственно index.html, который подтягивает js скрипт, работающий с API и DOM
Такой подход позвоит менять как бэкэнд, так и фронтэнд, а так же тестировать их по отдельности.
Цикл разработки примерно такой:
- Пишешь заглушку для выдачи фотки, где захарткожены выходные данные
- Пишешь html + js для получения данных. В процессе по необходимости меняешь данные в предыдущем пункте
- Пишешь реализацию бэкэнда
и так для каждой из функций сайта