4Real.

https://github.com/NezuNezumi-175/Graygrass

Next.js

TypeScript

CSS

PostgreSQL

HTML

4年に1度だけ投稿できるBeReal. 名付けて4Real.!!

Nezumi111

Pendulum

コウタコ

推しアイデア

SNSってありますよね。いつでも、どこでも、手を伸ばせばそこにある。しかしそこには煩雑さという影が潜んでいます。そこで!4年に1度しか投稿できないSNS!あなたは何を投稿しますか?

作った背景

4年に1度しか投稿できないSNSがあったら面白そうだと思ったから。

推し技術

# supabase 最近話題のオープンソース版firebase。PostgreSQLDB、ユーザ認証、ファイルストレージ、これ1本! # Web Push 逃れようのないプッシュ通知をあなたへ。ブラウザを通じていつでもどこでもプッシュ通知が送り放題!受け取り放題!

プロジェクト詳細

概要

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

その他特徴や機能など

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

使用技術

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

工夫したこと

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

アピールポイント

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

苦労した点

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

Nezumi111

@NezuttoNezumi134