Репозиторий для приложения Ongoing Tracker. Приложение позволяет удобно отслеживать и оценивать сезонные аниме (далее - онгоинги). Приложение использует API сайта Shikimori.one. После авторизации с помощью аккаунта Shikimori предоставляет следующие функции:
Общий вид сайта
-
Отслеживание онгоингов в реальном времени в виде наглядной таблицы - зелёным отображаются просмотренные эпизоды, серым - вышедшие, но еще не просмотренные, без цвета - общее количество серий. В случае, если общее количество серий пока неизвестно, отображаются только уже вышедшие эпизоды.
-
Отмечание просмотренных серий (кнопка '+').
-
Выставление общей оценки онгоингу (нажатием на оценку).
-
Выставление оценок каждой из серий. После сохранения у соответсвующего онгоинга автоматически формируется комментарий с выставленными оценками. Для аниме длиннее 25 эпизодов появляется горизонтальная прокрутка серий.
Для аниме длиннее 25 эпизодов появляется горизонтальная прокрутка серий.
-
По нажатию на название осуществляется редирект на страницу онгоинга на Shikimori.
-
Реализована сортировка по всем столбцам, настройки сохраняются в localStorage.
HTML, TypeScript, CSS, React.
-
Так как приложение авторизует пользователя через OAuth. Требуется настроить соответствующее приложение на сайте Shikimori. По умолчанию трекер подключен к соответсвующему приложению, осуществляющему редирект на localhost:3000, но для использования в продакшне необходимо создать новое приложение по адресу и указать в настройках Redirect URI как url_сайта/redirect, в скоупе отметить user_rates. После этого в файле src/utils/constants.ts следует указать соответствующие CLIENT_ID, CLIENT_SECRET, REDIRECT_URI и USER_AGENT.
-
Для обоих частей приложения:
npm ci
npm run start - dev сервер
npm run build - билд для продакшна
- Рефакторинг разметки для адаптивности.
- Страница профиля.
- Страница со всеми онгоингами сезона, с возможностью добавлять их в раздел 'Смотрю'.