Oleg

Все запросы к URL'ам начинающимся с /api перенаправлять web-сервером в WSGI, любые другие трактовать как статику.

Сделайте функцию-хэлпер или декоратор на компоненты, где будет вызов fetch и другие повторяющиеся куски.

я же не могу писать для каждого запроса

Почему не можете? Просто следуйте принципам DRY - увидели что везде пишите одно и тоже - выносите в модули/итераторы/etc

Например написать скрипт, который будет парсить текст внутри <> и составлять код css основываясь на id="(.*?)" и style="(.*?)"

Получим типа этого:

#block-new47 {
display: block;background-position: 0% 0%;background-repeat: no-repeat;border-width: 1px;position: absolute;z-index: 126;top: 1481px;height: 70px;width: 66px;anchor-id: #block-new47;left: 321px;background-color: transparent;background-image: none;
}

Какой-то есть опыт с js?
Если его нету. Начните с начал и т.п., иначе изучение чужого кода ничего не даст
OOP в JS нет, в том понимании что вы предлагаете.
Придется постигать дзен JS.

Задать жесткие условия сделать все красиво и с паттернами можно и самому.
Задание тоже.
Возможно, вам подойдет использование фреймворка, ведь знакомство с ними помогает писать код в том же стиле что и сам фремворк.
Изучать их исходники даст примеры использования и хороших практик.

Примеры хорошего кода: Design-Patterns-in-Javascript
pdf.js

Почитать:
Масштабируемые JavaScript прило...
Использование объектов для...

Примеры заданий:
клон Sticky Notes для винды
Рисовалка на canvas
Расширение для браузера, фильтрующее рекламу на странице без использования черных списков. Анализ содержания текста.
"Умный собеседник" с распознаванием речи пользователя через google api
Клиентский агрегатор новостей.
Плеер в связке ВК + last.fm
Шахматы на three.js
Плагин/Модуль для фремворка (в процессе создания проектов, самому захочется добавить функционал)

Может идеи вам и не понравятся.
Есть другой вариант. Ищем интересный таск на freelansim.ru
Делаем, в процессе получаем опыт. PROFIT.