バックエンドはhttps://github.com/kawaeeeee/problemDB_back pdf形式の問題をアップロードし、その問題を検索、表示、コピーできます。 問題データベースのCRUD機能があります。 問題は学年、教科、単元、難しさ、タイトルの情報をもっている。
メニューバーのホーム、単元の編集、問題の編集をクリックすることで、それぞれの画面に変わる。

ホーム画面で、メニューバーの下の学年、教科をクリックするとプルダウンで選択できる。 検索を押すと、条件に適した問題の一覧が表示される。 なにも指定しないで検索だけを押すと、すべての問題一覧が表示される。
"開く"ボタンを押すと、そのpdfがモーダルウィンドウに表示される。

"印刷"ボタンを押すと、モーダルウィンドウが表示され、"印刷する"を選択すると、印刷される。印刷の処理はバックエンドが行う。

問題の編集の画面の"問題を追加"ボタンを押すと、モーダルウィンドウが表示される。
学年、教科、単元、難しさはプルダウンで選択できる。
タイトルとメモはテキストフィールドに入力する。
ファイルを選択をすると、デバイスから、pdfファイルをアップロードできる。
登録を押すと、問題DBに登録される。

問題の編集の画面で、検索し、ファイル一覧を表示後、"編集"ボタンを押すと、モーダルウィンドウが表示され、
学年、教科、単元、タイトル、難しさを変更できる。
追加のときと同様に、学年、教科、単元、難しさはプルダウンで選択でき、タイトルはテキストフィールドへの入力である。

問題の編集の画面で、検索し、ファイル一覧を表示後、"削除"ボタンを押すと、モーダルウィンドウが表示され、
問題を削除できる。

単元の編集の画面の"単元の追加"をクリックすると、モーダルウィンドウが表示され、
単元を追加することができる。
学年と教科はプルダウンで選択できる。
単元名はテキストフィールドへの入力である。
単元を追加すると、問題を追加するときや、編集するときのプルダウンの選択肢に反映される。

単元の編集の画面の"編集"ボタンを押すと単元名の欄がテキストフィールドに変わり、
単元名の編集ができる。テキストフィールド入力後保存を押すと、変更が反映される。

単元の編集の画面の"編集"ボタンを押すとモーダルウィンドウが表示され、単元を削除できる。 削除したい単元が問題に使用されている場合は削除できない。