instaclone

Instagram clone coding by nomadcode course

1 THANK YOU

1.0 🚨 Read this First 🚨 :heavy_check_mark:

1.1 Thank You! :heavy_check_mark:

2 INTRODUCTION

2.0 Welcome! (02:02) :heavy_check_mark:

2.1 Requirements (02:12) :heavy_check_mark:

3 BACKEND SETUP

3.0 Setup (05:00) :heavy_check_mark:

3.1 Apollo Server (06:44) :heavy_check_mark:

3.2 Babel (08:24)

3.3 POC API (09:28)

3.4 Prisma Setup (09:24)

3.5 Prisma Migrate (11:41)

3.6 Prisma Client (11:17)

3.7 Prisma Client part Two (07:13)

3.8 Prisma Studio (03:33)

3.9 Architecture part One (08:52)

3.10 Architecture part Two (08:51)

3.11 Dotenv (04:22)

3.12 Recap (08:20)

4 USER MODULE

4.0 Create Account part One (10:26)

4.1 Create Account part Two (10:51)

4.2 Create Account part Three (12:56)

4.3 seeProfile (07:37)

4.4 login (11:02)

4.5 login part Two and Refactor (12:28)

4.6 Divide and Conquer (06:37)

4.7 updateProfile (11:36)

4.8 authentication part One (07:44)

4.9 authentication part Two (09:38)

4.10 authentication part Three (10:29)

4.11 Protecting Resolvers part One (06:19)

4.12 Protecting Resolvers part Two (12:50)

4.13 Recap (09:58)

4.14 File Upload part One (08:33)

4.15 File Upload part Two (09:17)

4.16 File Upload part Three (07:22)

4.17 File Upload part Four (09:07)

4.18 Ejecting from Apollo Server (06:27)

4.19 Changing Avatar (11:35)

4.20 Followers part One (07:59)

4.21 Following User (08:30)

4.22 Unfollow User and See Followers (13:52)

4.23 Followers Pagination part One (12:14)

4.24 Followers Pagination part Two (06:02)

4.25 Following Pagination (11:56)

4.26 Computed Fields part One (12:50)

4.27 Computed Fields part Two (10:15)

4.28 Computed Fields part Three (06:39)

4.29 Searching Users (07:18)

5 TS SETUP

5.0 TS Setup part One (07:58)

5.1 TS Setup part Two (09:07)

6 PHOTOS MODULE

6.0 Photos Model (07:58)

6.1 Prisma Fields vs SQL Fields (03:19)

6.2 Upload Photo part One (11:55)

6.3 Upload Photo part Two (09:11)

6.4 Upload Photo part Three (09:03)

6.5 seePhoto (07:40)

6.6 seeHashtag (14:39)

6.7 editPhoto part One (11:09)

6.8 editPhoto part Two (10:11)

6.9 Like Unlike Photos (11:12)

6.10 Like Unlike Photos part Two (07:09)

6.11 seeLikes (06:25)

6.12 seeFeed (06:56)

6.13 Comment on Photos (11:56)

6.14 See Photo Comments (07:55)

6.15 isMine (04:31)

6.16 Delete Comment and Photos (08:13)

6.17 editComment (08:04)

6.18 protectedResolver Refactor (07:47)

6.19 S3 Photo Upload (09:25)

6.20 S3 Photo Upload part Two (10:34)

6.21 S3 Photo Upload part Three (05:38)

7 DIRECT MESSAGES

7.0 Introduction (03:50)

7.1 Models (04:41)

7.2 seeRooms (06:26)

7.3 sendMessage (12:50)

7.4 seeRoom (09:38)

7.5 readMessage (11:23)

7.6 Super Test (06:39)

7.7 Subscriptions Setup part One (10:30)

7.8 Subscriptions Setup part Two (12:31)

7.9 Filtering Subscriptions part One (06:53)

7.10 Filtering Subscriptions part Two (06:09)

7.11 Authenticating Subscriptions (15:51)

7.12 Recap (08:29)

8 [🔥2022 UPDATE] REACT ROUTER V6

8.0 Update Introduction (02:54)

8.1 BrowserRouter (06:33)

8.2 createBrowserRouter (08:12)

8.3 errorElement (04:32)

8.4 useNavigate (02:12)

8.5 useParams (07:19)

8.6 Outlet (05:44)

8.7 useOutletContext (06:18)

8.8 Extras (08:02)

9 FRONTEND SETUP

9.0 Create React App (05:04)

9.1 Installing All (06:08)

9.2 What Does Setup Mean? (02:48)

9.3 Router Setup part One (10:29)

9.4 Router Setup part Two (10:22)

9.5 Auth POC (06:33)

9.6 Reactive Variables (08:50)

9.7 Introduction to Styled Components (12:17)

9.8 Themes on Styled Components (07:33)

9.9 GlobalStyles on Styled Components (06:23)

10 FRONTEND TS SETUP

10.0 Styled Components (08:27)

10.1 React Hook Form (04:42)

10.2 GraphQL (12:46)

11 LOGIN AND SIGNUP

11.0 Introduction (02:47)

11.1 Login UI Clone (18:40)

11.2 Cleaning Login Code (13:50)

11.3 Shared Components (19:01)

11.4 Sign Up UI (08:29)

11.5 Forms in React (07:36)

11.6 Helmet Component (04:10)

11.7 React Hook Form (12:13)

11.8 React Hook Form is Awesome (14:32)

11.9 Apollo Client (04:28)

11.10 Login part One (09:26)

11.11 Login part Two (10:49)

11.12 Create Account (14:23)

11.13 Redirecting Users (08:01)

11.14 Dark Mode (08:24)

12 FEED

12.0 Header and Layout (08:11)

12.1 Header part Two (10:24)

12.2 Header part Three (12:16)

12.3 Avatar (08:34)

12.4 Photo Component part One (10:32)

12.5 Photo Component part Two (11:59)

12.6 isLiked (07:05)

12.7 Liking Photos (10:50)

12.8 Refetching Queries (06:52)

12.9 writeFragment (07:40)

12.10 readFragment (08:03)

12.11 Comments part One (11:31)

12.12 Comments part Two (10:30)

12.13 Parsing Hashtags (12:02)

12.14 Parsing Hashtags part Two (12:18)

12.15 cache Modify (05:10)

12.16 Create Comment part One (06:44)

12.17 Create Comment part Two (12:22)

12.18 Create Comment part Three (07:59)

12.19 Delete Comment (12:17)

13 PROFILE

13.0 useParams (08:40)

13.1 Queries and Fragments (11:26)

13.2 keyFields (08:42)

13.3 Follow Unfollow part One (04:49)

13.4 Follow Unfollow part Two (12:33)

13.5 Follow Unfollow part Three (08:56)

13.6 Follow Unfollow part Four (09:49)

13.7 Follow Unfollow part Five (04:39)

13.8 Web Conclusions (02:42)

14 REACT NATIVE SETUP

14.0 Introduction (02:23)

14.1 Why Expo is Awesome (12:45)

14.2 Why Expo Sucks (08:37)

14.3 Our Plan (09:54)

14.4 Creating Our Project (08:29)

14.5 Working with the Simulator (04:01)

14.6 AppLoading (10:06)

14.7 AppLoading part Two (05:36)

15 AUTHENTICATION

15.0 Your First Navigation (06:39)

15.1 Moving Through Screens (09:06)

15.2 Navigator Props (11:43)

15.3 Dark Mode (07:19)

15.4 Welcome Screen (10:05)

15.5 Create Account part One (10:44)

15.6 Create Account part Two (13:39)

15.7 Natural Forms part One (08:22)

15.8 Natural Forms part Two (09:29)

15.9 Login Screen (10:44)

15.10 React Hooks Forms on Native (14:33)

15.11 Apollo Client (12:04)

15.12 Log In Mutation (13:52)

15.13 Create Account Mutation (10:19)

15.14 AsyncStorage part One (07:00)

15.15 AsyncStorage part Two (07:04)

15.16 Recap (05:04)

16 FEED

16.0 Tab Navigator (12:58)

16.1 Tab Navigator part Two (06:55)

16.2 Stack and Tabs (14:04)

16.3 Stack and Tabs part Two (07:04)

16.4 Apollo Auth (10:17)

16.5 FlatList (13:24)

16.6 Photo part One (12:48)

16.7 Photo part Two (11:50)

16.8 Photo part Three (09:26)

16.9 Pull to Refresh (07:01)

16.10 Infinite Scrolling part One (08:52)

16.11 Infinite Scrolling part One (09:37)

16.12 Cache Persist (11:34)

16.13 Conclusions (02:37)

17 LIKES, SEARCH AND PHOTO

17.0 Likes part One (16:17)

17.1 Likes part Two (11:40)

17.2 Header Domination (07:16)

17.3 Search part One (10:21)

17.4 Search part Two (06:50)

17.5 Search part Three (12:25)

17.6 Search part Four (09:00)

17.7 Photo Screen (13:29)

18 UPLOAD PHOTO

18.0 Modal Navigator (10:40)

18.1 Bottom Tabs Navigator (09:14)

18.2 Select Photo part One (06:57)

18.3 Select Photo part Two (12:05)

18.4 Select Photo part Three (10:21)

18.5 Select Photo part Four (06:30)

18.6 Take Photo part One (13:05)

18.7 Take Photo part Two (12:09)

18.8 Take Photo part Three (08:28)

18.9 Take Photo part Four (07:06)

18.10 Take Photo part Five (12:14)

18.11 Take Photo part Six (06:56)

18.12 Upload Screen part One (12:01)

18.13 Upload Screen part Two (12:06)

18.14 Upload Screen part Three (13:47)

18.15 Upload Screen part Four (10:42)

18.16 Conclusions (01:21)

19 DIRECT MESSAGES

19.0 Messages Navigator (10:33)

19.1 Rooms Screen part One (11:51)

19.2 Rooms Screen part Two (11:49)

19.3 Room Screen part One (11:54)

19.4 Room Screen part Two (09:20)

19.5 Room Screen part Three (09:09)

19.6 Room Screen part Four (14:30)

19.7 Room Screen part Five (07:17)

19.8 Room Screen part Six (09:29)

19.9 Subscriptions part One (07:36)

19.10 Subscriptions part Two (08:57)

19.11 Subscriptions part Three (08:25)

19.12 Subscriptions part Four (10:03)

19.13 Conclusions (03:54)

20 DEPLOYMENT

20.0 Building the Server (09:34)

20.1 Deploy to Heroku part One (07:04)

20.2 Deploy to Heroku part Two (06:54)

20.3 Configuring Databases (12:05)

20.4 Migrating (08:15)

20.5 Deploy Frontend (09:28)

20.6 Building the App (12:15)

20.7 Building Conclusions (04:54)

21 EJECT AND REACT NATIVE CLI

21.0 Ejecting from Expo (13:33)

21.1 Ejecting from Expo part Two (11:37)

21.2 Ejecting Conclusions (08:39)

21.3 React Native CLI (11:36)

21.4 Conclusions (01:31)