Simple Notice
概要
調査したい内容に対してアンケートを作成し、ユーザに答えてもらえるプラットフォームです。過去の調査内容やその結果を見ることができ、過去に質問されていない場合は簡単にアンケートを作成することができます。アンケートの回答形式としてテキスト・チェックボックス・ラジオボタンといった形式を採用し、多様な回答方法に対応できるようにしました。さらに、回答が完了したアンケートはグラフによって結果がわかるようにしました。
制作経緯
周りに聞きたい内容や特定の物に対する感想を求めたいことがある中で、調べる手段の一つとしてアンケートを取るということが考えられます。アンケートを取る手段としてはGoogle フォームやSNS上でのアンケートなどが挙げられますが、アンケートのURLを知っている方のみといった感じでアンケートをしようとしたユーザを知る人のみによって回答が行われ、答えに偏りが生じることが考えられます。そこで誰でもアンケートが作成でき、プラットフォームに登録したユーザであれば回答ができるようなプラットフォームを作成しました。
システム詳細
バックエンドにLaravelを採用し、フロントエンドにはNext.js(TypeScript)を使用しました。マルチレポで管理を行うことによってフロント・バックを個別に管理できるようにしました。アンケートの作成画面やアンケートの回答受付機能に関してはreact-hook-formというライブラリを使用し、フォームの入力を管理することによって実装しました。デザインに関してはグラスモーフィズムを取り入れ増田。
リポジトリ
フロントエンド
- https://github.com/SakaiTaka23/simple-notice-frontend バックエンド
- https://github.com/SakaiTaka23/simple-notice-backend
スクリーンショット