概要

　本プロダクト"4Real."は、BeRealをパクった元ネタとするSNSです。4年に1度、全ユーザは一斉に投稿を催促されます。催促されたら、24時間以内に投稿しましょう。さもなくば他のユーザの投稿が見れなくなります。 　ネーミングは「for real」+「4年に1度」から来ています。

その他特徴や機能など

• 投稿は画像・動画のみ対応(元ネタリスペクト)
• リアクション・コメント機能
• フォロー機能
• ユーザ検索機能

使用技術

• Next.js (React, TypeScript, Vercel)
• Supabase (PostgreSQL)
• Web Push

工夫したこと

• いろんなタイプのソート機能の実装
  • ソートができないと、見るときに不便だから実装した。
  • リアクション機能の実装にてこずったから、リアクション順のソートは時間がかかった。
• プロフィールの追加

アピールポイント

• 投稿催促の通知はWeb Pushで行われる。--> 通知を見逃しにくい
• 4年前の投稿や1年前の投稿もhome画面から見れる。コードを少しいじれば期間の変更も可。

苦労した点

• リアクション・コメント機能の実装
  • 特にコメントのユーザーの画像などの取得が中々うまくいかなかった。
• AI
• ソート機能
  • ソートしたのに画像・動画がUI表示されなかった
• DB
  • SQLとかいうほぼ初見の言語を読み書きする必要に駆られた事。
• 開発環境
  • メンバーの一人がlocalhostにアクセスできず、一切の開発が出来なかった。(wsl環境を使用しているためか?)GrayGrassのチーム名通り、GitHubの草がGrayな人間が出るとは誰が予想できただろうか?