/clob

frourio demo app

Primary LanguageTypeScript

frourio demo app

文字数指定大喜利 → 知恵袋の大喜利専用版のようなもの

  • ユーザはお題と共にトピックを立てられ、「回答は ○ 文字まで」という指定を行う
    • トピック投稿主による回答終了操作、もしくは指定した時間を満了した際に回答が締め切られる
    • 回答の中で一番いいねが多かったものをベストアンサーとし、上の方にピックアップする
  • ユーザは立てられたトピックに対して回答ができる
  • ユーザはそれぞれの回答に対していいねがつけられる
  • ユーザは大喜利タイトル名で回答募集中トピックの検索ができる

tech

  • frourio
    • Next.js
    • Fastify
    • aspida
    • SWR
    • prisma
    • Jest
  • chakraUI
  • Recoil
  • firebase?

Front

認証

  • google

状態管理

  • ログイン済みユーザ情報
    • id
    • name
    • email
  • 検索バーに入力中の文字列
    • text
  • 検索中の文字列
    • text

path

  • /
    • UpdatedAt と公開中のものを元に募集中の大喜利を一覧表示
  • /users/[userId]
    • user の個人ページ
  • /topics/[topicId]
    • 大喜利の詳細ページ、コメントやお題について表示

Backend

db

@startuml
entity "users" {
  + id Int [PK]
  --
  name String
  email String
  image_url? String
  ==
  Get()
  Post()
}

entity "topics" {
  + id Int [PK]
  --
  # user_id Id [FK]
  title String
  content String
  limit_answer_char Int
  answer_closed_at Date
  close Boolean
  ==
  Get()
  List()
  Post()
}

entity "answers" {
  + id Int [PK]
  --
  # topic_id Int [FK]
  # user_id Int [FK]
  answer String
  ==
  List()
  Post()
}

entity "likes" {
  + id Int [PK]
  --
  # answer_id Int [FK]
  # user_id Int [FK]
  ==
  List()
  Post()
}

users ||--o{ topics
users ||--o{ answers
topics ||--o{ answers
users ||--o{ likes
answers ||-r-o{ likes

@enduml