FullStack Discord Clone Pt.2

[yanachuwan9sm]

App Router (NextJS)、Socket.io、Prisma(ORM)、Tailwind CSS、MySQLを手で動かして学ぶ。 11月は14セクションを終わらせるペースでやってみる。

✍️ 残りセクション

GOAL

• [x] Manage Members
• [x] Channel Creation
• [x] Delete & Leave server modal
• [x] Search Server Modal
• [x] Server Channels List
• [x] Edit Channels
• [x] Channel ID Page
• [x] Chat Header
• [x] Prisma Schema Completion
• [x] Conversations Setup
• [x] Socket IO Setup
• [x] Chat Input Component
• [x] Messages API
• [x] Message Attachment

and more....

• Emoji Bar
• Chat Messages Component
• Chat Item Component
• Delete Message
• Chat Socket Hook
• Chat Scroll Hook
• Direct messages
• VIdeo Calls
• Deployment

<ソース>

video: https://www.youtube.com/watch?v=ZbX4Ok9YX94&t=2112s source code: https://github.com/AntonioErdeljac/next13-discord-clone

<過去>

FullStack Discord Clone : https://github.com/yanachuwan9sm/til/issues/2

[yanachuwan9sm]

進捗memo

Date	進捗	メモ
10/6	1:06:00min	途中から Prisma 、データモデリングに寄り道して進捗遅め
10/11	1:39:00min
10/12	1:44:00min	ほぼほぼ react-hook-form や デザインパターンに寄り道
10/13	1:48:00min	uploadthing とは？ どんな仕組みなのか？で死ぬほど寄り道
10/20	2:32:00min	uploadthing の仕組みをひたすらソースコード見ながら理解してみる
10/24	2:46:00min	単純にそんなに進めてない
10/25	3:26:00min	prisma少し復習しないと忘れてるかも。3:19:00辺りの型定義の必要性がわかってないかも。
10/26	3:43:00min	とりあえず0.5hぐらい進める。
10/31	4:53:00min
11/6	5:03:00min	始業前に軽くやっただけ