【アプリ説明】
Twitterの投稿機能、Instagramのタイムライン機能に加え、LINEのようなチャット機能、友達機能を備えたSNS
【担当箇所】
フロント部分の作成
【使用技術】
Next.js / Typescript
【Github】
非公開
【仕様(実装した機能)】
『Auth周り』
・ユーザー登録
・ログイン機能
・ログアウト機能
『マイページ』
・ユーザー情報の表示
・プロフィール(ユーザー名・アイコン画像)編集機能
『ユーザー検索画面』
・ユーザー検索機能(インクリメンタルサーチの形式で実装)
・ユーザーの詳細情報表示
『フレンド表示画面』
・自分に届いている友達申請をリスト表示
・フレンド一覧表示
・フレンド解除機能
・フレンド申請機能、フレンド申請取り消し機能
『投稿一覧画面』
・フレンドの投稿一覧
・140文字のテキスト投稿作成
・公開範囲設定機能(フレンドの中から特定のフレンドを公開範囲から外すことができる)
・自分 / フレンド別のタイムライン(投稿)表示
・投稿へのコメント機能(コメントをつけたらトークルームへ飛ぶ)
・未読投稿のあるユーザーには未読表示
・自分の投稿に関しては投稿範囲の編集機能
・自分の投稿に関しては何人に読まれたかの既読数の表示と既読ユーザーの表示機能
『トーク画面』
・トーク一覧表示、未読のルームには未読マークの表示。
・フレンドとのトーク機能(1対1)、投稿に対するコメントの場合は投稿内容も表示
・トークメッセージに既読表示
・トークへのリアクション(絵文字で自分/相手のメッセージにリアクション可能)