Сайт с отзывами

⚡ Открыть приложение на сайте

Авторизация на сайт происходит по itmo.id. Ваши данные не сохраняются, определение нужно только для того, чтобы нельзя было накрутить карму или рейтинг повыше)

Расширение для браузера

❤ Скачайте последнюю собранную версию расширения тут

Два режима работы!

• Быстрый поиск по предмету или преподавателю в окне расширения.
• Встраивание на страницу преподавателя на сайте.

Репутация: можно голосовать за полезность отзыва и ставить рейтинг преподавателю, остальные увидят общую оценку!

Кто вы? Расширение само определит, кто вы, как только зайдёте на сайт. Ваши данные не сохраняются, определение нужно только для того, чтобы нельзя было накрутить карму или рейтинг повыше)

Для желающих разрабатывать...

Сборка сайта (build-page.js) и расширения (build.js)

Установка

npm init -y
npm install --save-dev esbuild
npm install --save-dev cross-env
npm install --save-dev archiver

Сборка сайта

npm run build-page:prod
# или если api работает на localhost
npm run build-page:dev

Сборка расширения

npm run build:prod
# или если api работает на localhost
npm run build:dev

Деплой сайта (Github Pages)

npm run build-page:prod
git add .
git commit -m "commit_message"
git push -u origin main 

Релиз расширения release.js

npm run release

• Версию нужно указывать в manifest.json.
• Для описания релиза будет использовано release-notes.md.
• Может сойти за глупенький ci/cd.

Содержимое src

Изначально у нас три путя

1. page.html запускает page.js который обеспечивает работу сайта
2. popup.html запускает popup.js который обеспечивает работу окошечка
3. injector.js производит встраивание на сайт блока отзывов и поиск jwt токена

В manifest.json описаны основные характеристики браузерного расширения, необходимые браузеру.

В style.css хранятся топовые стили. Ни в коем случае не переназначайте общие стили элементов тут, используйте для этого popup.html, иначе переопределяться стили сайта.

В остальном разберётесь по ходу дела)