1 -YouTube Clone Web Project - Live Demo
2 -Setting Up The Project Directory Part - 1
3 -Generating Google API Key for The Project Part - 2
4 -Setting Up Different Routes For The Application Part - 3
5 -Interface For The API Response Part - 4
6 -Interface For Different Components Part - 5
7 -Interface For Video Items Part - 6
8 -Finishing The Type Interfaces Part - 7
9 -Axios Instance Setup Part - 8
10 -Objects for Sidebar Menu Items Part - 9
11 -API Service Wrapper To Fetch Data From The API Part - 10
12 -Duration Converter For YouTube Video Length Part - 11
13 -Value Converter For Likes Or Other Values Part - 12
14 -Installing The Daisy UI and Configs Part - 13
15 -Making Context For The Sidebar Part - 14
16 -Introduction To Navbar Component Part - 15
17 -Dropdown For Mobile Screen In The Navbar Part - 16
18 -Wrapping The Whole Application With Sidebar Context Part - 17
19 -Navbar Handlers For Navbar Operations Part - 18
20 -Make Adjustments For The Navbar Part - 19
21 -Further Styling For Navbar And Navbar Icon Part - 20
22 -Input Field For Navbar To Search Videos Part - 21
23 -Finishing The Navbar With Profile Avatar Part - 22
24 -Introduction To Sidebar & Handlers Part - 23
25 -Designing The Sidebar Part - 24
26 -Finishing The UI Part For Sidebar Part - 25
27 -Global Styling For The Sidebar Part - 26
28 -Handlers For The Home Route Part - 27
29 -Fetching Data For The Home Route & Introduction To Video Card Part - 28
30 -Handlers For The Video Card Component Part - 29
31 -Finishing The Handlers Of Video Card Part - 30
32 -Implementing The UI For The Video Card Part - 31
33 -Making The Rest Of The UI For Video Card Part - 32
34 -Finalizing The UI For Video Card Part - 33
35 -Introduction To The Video Player Page Part - 34
36 -Handlers For Recommended Videos Part - 35
37 -Handlers For Recommendation Card Part - 36
38 -Recommended Card UI Part - 37
39 -Handlers For Video Player Page Part - 38
40 -Finishing The Handlers For Video Player Part - 39
41 -Visualizing The Video By iFrame Part - 40
42 -Visualizing Publishers Details In Video Page Part - 41
43 -Debugging The Issue With Icon & Display The Video Description Part - 42
44 -Fetching Comment Data & Display Commenter Avatar Part - 43
45 -Displaying Comments In The Video Page Part - 44
46 -Handler For Channel Page Data Part - 45
47 -Finishing The Handler For Channel Page Part - 46
48 -Starting The UI For Channel Page Part - 47
49 -Channel Page Banner & Info Part - 48
50 -Tabs Handler For Channel Page Part - 49
51 -UI For The Tabs Component Part - 50
52 -Finishing The UI For Tabs Part - 51
53 -Showcasing The Latest & All Videos On The Channel Page Part - 52
54 -Adjusting The Channel Page Part - 53
55 -Query Page & Search Card Part - 54
56 -Handlers For Search Card Part - 55
57 -Finishing The UI Of Search Card Part - 56
58 -Deploy The Project On Vercel Part - 57
