Tsunagaru - 在宅コミュニケーションツール | Emo.Ryo

■リンク

作品URL　GitHub 　

■概要

制作目的：在宅ワークで働いてみて、社内のコミュニケーションが少ないと感じました。実際に社内では「質問や提案を誰にして良いかわからない」や「社内のノウハウを蓄積したい」などの声が多くあがっていました。その為、そんな問題を解消できるシステムを開発しようと思いました。
制作期間：約2週間
制作人数：1人

■使用イメージ

ログイン/ログアウト：
NextAuthを利用し、Google/GitHubによるログインを実装しました。また、ポートフォリオとして気楽に使ってもらえるようにゲストログインを可能にしました。

ホーム画面：
社員に積極的に使ってもらえるように、『ランキング』『ミッション』という機能を追加しました。

新規投稿：
気軽に投稿できるようにシンプルに実装しました。

投稿へのアクション（いいね/ブックマーク/コメント追加）：
投稿に対して、いいね、ブックマーク、コメントを可能にしました。なお、ブックマークした投稿はメニューの『ブックマーク』一覧で確認できます。

投稿の検索：
投稿の検索以外にもソートや、CSV形式でのエクスポートにも対応しました。

■技術スタック

フロントエンド：Next.js/TypeScript
バックエンド：Next.js(API Routes)/TypeScript
ライブラリ：Material UI/NextAuth
DB：PostgreSQL
ORM：Prisma
コード品質管理：ESLint/Prettier/Husky
デプロイ：Vercel/Heroku
その他：Docker

■システム構成図

■工夫点

UI/UX：

とにかく使ってもらいやすいようにシンプルで統一感のあるデザインにしました。また、スマホでも気楽に投稿やコメントが見れるようにレスポンシブデザインにしました。

機能面：

UI同様に使ってもらうことを意識して、シンプルな機能だけを実装しました。また、投稿以外にも気楽に参加できるように以下機能を実装しました。

いいね機能：気に入った投稿に対して『いいね』ができる機能。
コメント機能：投稿に対してコメントができる機能。
ランキング機能：投稿した数や投稿に対するアクションの数でランキングを表示する機能。
ミッション機能：投稿や投稿に対するアクションを促す機能。

■今後の展望

実際に社内で使ってもらっていて、ユーザーの貴重な意見を参考に改善を行っていく予定です。今後、追加予定の機能を以下に列挙します。

通知機能の追加
ヘルプ機能の追加
投稿/コメント内容の自動チェック
GoogleAnalyticsの導入

WEBSITE