In today's video, I'm going to show you how to build an entire Reddit Clone. Using TypeScript, React, and a fantastic backend known as Convex.
Get started with Convex here: https://convex.dev/c/techwithtim
? Video Resources ?
Convex Quickstart Docs: https://docs.convex.dev/quickstarts
Convex Auth Docs: https://docs.convex.dev/auth
Convex Clerk/Auth Docs: https://docs.convex.dev/auth/clerk
Convex Components: https://www.convex.dev/components
Finished Code & Styles: https://github.com/techwithtim/convex-reddit-clone
⏳ Timestamps ⏳
00:00:00 | Project Demo
00:02:11 | Technology/Languages
00:04:00 | Project Setup/Install
00:08:45 | Clerk Authentication Setup
00:14:10 | Storing Users in Convex
00:25:50 | Pages & Styling
00:33:35 | Navigation & Routing
00:40:22 | Navigation Bar
00:51:30 | Subreddit Creation Form
01:02:25 | Creating the Dropdown Menu
01:15:19 | Creating Subreddits
01:29:05 | Viewing Subreddits
01:38:00 | Creating Posts
01:43:20 | Post Creation Form
01:55:51 | Uploading/Posting Images
02:07:19 | Fetching/Getting Posts
02:23:19 | Displaying Posts
02:46:09 | Viewing Subreddit Posts
02:50:00 | Viewing Subreddit Posts
02:55:00 | Deleting Posts
02:56:49 | Creating & Viewing Comments
03:17:42 | Sharded Counting (Posts & Comments)
03:32:53 | Voting (Upvotes & Downvotes)
03:56:27 | Search Bar Component
04:10:16 | Searching for Subreddits
04:16:53 | Searching for Posts
04:21:20 | Feed/Leaderboard
Hashtags
#Reddit #TypeScript #Convex