Это сложно. :(
По-хорошему, вам надо бы использовать DRF, но он к чертям взрывает мозги неподготовленным. Там очень много всего и слишком большая вариативность. Но можно и ручками это сделать, но там дофига тонкостей. Например, авторизация, которая тоже взорвёт вам мозг, если делать её руками. API по-сути, это просто определённые запросы к серверу, на которые он даёт даёт ответы. Обычно в JSON или частями кода (это удобно для форм). С другой стороны, освоение DRF обязательно. Всё равно придётся. Чем раньше, тем лучше.
Вторая проблема — необходимость изучать какие-то фреймворки для фротнтенда, хотя, по-началу можно и ручками с jQuery поковыряться.
В можете реализовать задачу примерно таким образом: Берёте любую страницу и по частям переносите её функционал с рендера сервером, на рендер из данных на клиенте. Запрашиваете у севрера по API данные, он их вам отдаёт, вы их рендерите JS. Будет трудно. Я сочувствую.
Если ваши модели хорошие, то вам не составит большого труда прикрутить более-менее полноценное API.
Но вообще, задача довольно сложная. Там и проектировать надо и API реализовывать.
