yunosukey / polutadb

Web app to search Omaru Polka's songs

ぽるうたデータベース

PolutaDB（ぽるうたデータベース）は、ホロライブ所属の VTuber 尾丸ポルカさんの歌を検索することができる Web アプリです。 https://www.polutadb.com で公開されています。

Requirement

• Node.js (v20)
• yarn

Usage

To Serve in Development Mode

$ yarn install
$ yarn dev

To Serve in Production Mode

$ yarn install
$ yarn build
$ yarn start

polutadb's Issues

レポジトリを隠す

• リンクを張らない
• レポジトリをプライベートにする

テスト作成

導入

• Jest
• Testing Library
• Storybook
• Chromatic
• Cypress

他人が更新をできるようにする

#20 と相反する部分がある．

案1
スプレッドシートや編集画面などで誰でも更新できるようにする．
結局ある程度自分でチェックしなくてはいけない．

案2
何人かソースコードをいじれる人を探す．
アテがない．

CSSの整理とstyled-componentsへの移行

remove amcharts

ページネーションの検討

現在は左右2ページずつと最初ページと最後ページを表示しているが，次のようになることがある．

別に修正しなくて良い気もする．

materialize-css -> material-ui

全文検索機能

曲名，アーティスト名，動画名

簡易表示+ポップアップ

Newアイコン

browserlist

検索結果の表示を軽くする

参考：https://www.rectus.co.jp/archives/299

Reactでリライト

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• chore(deps): update dependency @types/node to v20.16.1
• chore(deps): update react monorepo (@types/react, react, react-dom)
• chore(deps): update typescript-eslint monorepo to v7.18.0 (@typescript-eslint/eslint-plugin, @typescript-eslint/parser)
• fix(deps): update dependency @amcharts/amcharts5 to v5.10.1
• fix(deps): update dependency next to v14.2.5
• fix(deps): update emotion monorepo to v11.13.0 (@emotion/react, @emotion/styled)
• fix(deps): update material-ui monorepo to v5.16.7 (@mui/icons-material, @mui/material, @mui/styles)
• chore(deps): update dependency eslint to v9
• chore(deps): update mcr.microsoft.com/devcontainers/typescript-node docker tag to v1
• chore(deps): update typescript-eslint monorepo to v8 (major) (@typescript-eslint/eslint-plugin, @typescript-eslint/parser)
• Click on this checkbox to rebase all open PRs at once

Detected dependencies

devcontainer

.devcontainer/devcontainer.json

• mcr.microsoft.com/devcontainers/typescript-node 0-18

github-actions

.github/workflows/ci.yaml

• actions/checkout v4
• actions/setup-node v4
• actions/cache v4
• actions/checkout v4
• actions/setup-node v4
• actions/cache v4
• actions/checkout v4
• actions/setup-node v4
• actions/cache v4
• ubuntu 22.04
• ubuntu 22.04
• ubuntu 22.04

npm

package.json

• @amcharts/amcharts5 5.8.0
• @emotion/react 11.10.5
• @emotion/styled 11.10.5
• @mui/icons-material 5.11.0
• @mui/material 5.12.1
• @mui/styles 5.12.0
• next 14.0.4
• react 18.2.0
• react-dom 18.2.0
• react-share 5.1.0
• react-slick 0.30.1
• react-use 17.5.0
• recoil 0.7.6
• slick-carousel 1.8.1
• @types/gtag.js 0.0.12
• @types/jest 29.5.0
• @types/node 20.14.9
• @types/react 18.2.6
• @types/react-copy-to-clipboard 5.0.4
• @types/react-slick 0.23.4
• @typescript-eslint/eslint-plugin 7.17.0
• @typescript-eslint/parser 7.17.0
• eslint 8.57.0
• eslint-config-prettier 9.1.0
• eslint-plugin-jest 28.8.0
• eslint-plugin-react 7.35.0
• eslint-plugin-react-hooks 4.6.0
• eslint-watch ^8.0.0
• jest 29.7.0
• prettier 3.3.0
• ts-jest 29.2.2
• ts-node 10.9.1
• typescript 5.5.3
• node ^20.0.0
• @types/react 18.2.6

---

• Check this box to trigger a request for Renovate to run again on this repository

曲の統計情報を表示するページを追加する

ジャンル毎，アーティスト毎の割合など？

remove react-hook-form

伴奏の有無，尺の長さでの検索を追加する

ルーティング

React Router, query-stringを使って，検索条件も含めたルーティングを実装する

API公開

renovate

ストーリーとアドオンの追加

Twitter以外のリンク

remove recoil

Next.jswo

ユーザとそれに付随する機能

完全に技術的なおもちゃ

必要なもの

• 認証
• バックエンド
• DB

ユーザ機能があればできること

• 曲のお気に入り登録

ci: cache

github.ioレポジトリへのCD