1 -React-Youtube-Clone-Source-Code.rar
1 -YouTube Clone Project - Live Demo
1 - YouTube Clone Project - Source Code.html
2 -Initializing Project Part-1
3 -Creating Navbar Part - 2
4 -Designing Search Input in Navbar Part - 3
5 -Adding Clear Icon in Search Field Part - 4
6 -Creating Sidebar Lets Import Icons Part - 5
7 -Creating Sidebar Lets Create Category Object Part - 6
8 -Creating Sidebar Add Categories Part-7
9 -Creating Home Page Cards Part-8
10 -Creating Home Page Cards Part - 9
11 -Youtube API Setup Generating API Key Part - 10
12 -Going Through Videos API Part - 11
13 -Calling Popular Videos API Part - 12
14 -Parsing Storing Videos Data Part - 13
15 -Making Home Cards Dynamic Part - 14
16 -Lets Fetch Channel Thumbnail Part - 15
17 -Lets Update Channel Thumbnail and Render It Part-16
18 -Lets Select the Categories Part - 17
19 -Lets Go Through Categories API Part - 18
20 -Fetching Categories Id Part - 19
21 -Storing Categories Id Part - 20
22 -Fetching Videos by Category Id Part - 21
23 -Custom Hook For Home Page Part - 22
24 -Lets Store Page Tokens Part - 23
25 -Fetching from Next Page Part - 24
26 -Adding Infinite Scrolling Feature Part - 25
27 -Infinite Scroll as Per Categories Part - 26
28 -Rendering Fetch Error Loading Spinner Part - 27
29 -Creating Watch Page Route Part - 28
30 -Creating Watch Page Layout Part-29
31 -Creating Watch Page Details Part - 30
32 -Creating Watch Page Buttons Part - 31
33 -Designing Watch Page Description Part - 32
34 -Designing Mini Cards Part - 33
35 -Adding Video Duration in Mini Cards Part - 34
36 -Fetching Videos Data for Watch Page Part - 35
37 -Storing Videos Data Part - 36
38 -Creating Helper Functions for Fetching Videos Data Part - 37
39 -Lets Show the Video Details Part - 38
40 -Add New Properties in Video Data Part - 39
41 -Creating Video Viewing Section Part - 40
42 -Fetching Activities For Watch Page Part - 41
43 -Storing All Fetched Video Ids in an Array Part - 42
44 -Fetching and Parsing Videos Data Part - 43
45 -Storing And Displaying Videos Data Part - 44
46 -Designing Comments Section Part - 45
47 -Fetching Video Comments Part - 46
48 -Parsing And Storing Comments Part - 47
49 -Displaying Fetched Comments Part - 48
50 -Adding Load More Button for Comments Part - 49
51 -Designing Comment Replies Part - 50
52 -Fetching Comment Replies Parsing Them Part - 51
53 -Displaying Comments Replies Part - 52
54 -Lets Resolve Some Bugs Part - 53
55 -Designing Channel Page Channel Details Part - 54
56 -Fetching Channel Info Part - 55
57 -Parsing and Storing Fetched Data Part - 56
58 -Displaying Channel Data Part - 57
59 -Creating Custom Hook for Channel Part - 58
60 -Lets Create Separate API Call File for Videos Channel Info Part - 59
61 -Lets Create Separate API Call File for Comments Replies Part - 60
62 -Lets Create Seperate API Call File for Video Details Channel Activities Part-61
63 -Lets Create Separate API Call File for Categories Part - 62
64 -Creating Modal for Channel Description Part - 63
65 -Making Modal Scroll-able Part - 64
66 -Designing Category Selection Buttons Part - 65
67 -Designing Video Cards for Channel Page Part - 66
68 -Fetching Videos for Channel Page Part - 67
69 -Storing Videos Data for Channel Page Part - 68
70 -Displaying Video Details in Cards Part - 69
71 -Creating Load More button For Videos Fetching More Videos Part - 70
72 -Updating the Stored Videos Part - 71
73 -Adding Infinite Scrolling For Channel Videos Part - 72
74 -Designing Channel Page Playlist Cards Part - 73
75 -Fetching Playlist Data Part - 74
76 -Parsing Playlist Data Part - 75
77 -Updating The User Channel Hook Part - 76
78 -Rendering Fetched Data in Playlists Part - 77
79 -Adding Infinite Scrolling for Playlists Part - 78
80 -Removing Loader When We Fetch All Videos Part - 79
81 -Creating Parse File Part - 80
82 -Designing Playlist Item Card Part - 81
83 -Fetching Playlist Items Data Part - 82
84 -Displaying PlayList Details Part - 83
85 -Creating Custom Hook for Playlist Items Part - 84
86 -Designing Playlist Video Card Part - 85
87 -Fetching Playlist Videos Part - 86
88 -Parsing Playlist Videos Data Part - 87
89 -Storing Playlist Videos Data Part - 88
90 -Creating Custom Hook for Playlist Item Part - 89
91 -Adding Interactivity to Home Watch Page Part - 90
92 -Adding Interactivity to Channel Page Playlist Page Part - 91
93 -Creating Search Page Route Part - 92
94 -Fetching Video Id Using Search API Part - 93
95 -Getting Parsing Video Data for Search Page Part - 94
96 -Storing Searched Video Data Part - 95
97 -Close Icon In Search Field Part - 96
98 -Making Navbar Responsive Part - 97
99 -Making Home Page Responsive Part - 98
100 -Making Watch Page Responsive Part - 99
101 -Making Channel Page Responsive Part - 100
102 -Making Playlist Page Responsive Part - 101
103 -Pushing Code to Github Part - 102
104 -Hosting App on Vercel Part - 103
105 -Course Wrap Up
