changes

src/components/ChannelCard.jsx

@@ -8,7 +8,7 @@ const ChannelCard = ({ channelDetail, marginTop }) => (
   <Box
     sx={{
       boxShadow: 'none',
-      borderRadius: '20px',
+      borderRadius: '40px',
       display: 'flex',
       justifyContent: 'center',
       alignItems: 'center',

youtube/README.md

@@ -0,0 +1,22 @@
+Build and Deploy a YouTube Clone using Azure DevOps pipelines
+
+
+Build and Deploy a YouTube Clone using Azure pipelines
+
+A trigger tells a Pipeline to run. It could be CI or Scheduled, manual(if not specified), or after another build finishes.
+
+A pipeline is made up of one or more stages. A pipeline can deploy to one or more environments.
+
+A stage organizes jobs in a pipeline, and each stage can have one or more jobs.
+
+Each job runs on one agent, such as Ubuntu, Windows, macOS, etc. A job can also be agentless.
+
+Each agent runs a job that contains one or more steps.
+
+A step can be a task or script and is the smallest building block of a pipeline.
+
+A task is a pre-packaged script that performs an action, such as invoking a REST API or publishing a build artifact.
+
+An artifact is a collection of files or packages published by a run.
+
+![image](https://github.com/user-attachments/assets/118c8bd7-eed0-4a9f-9119-b3cedda4d1b2)

youtube/pipeline.yml

@@ -0,0 +1,52 @@
+# Starter pipeline
+# Start with a minimal pipeline that you can customize to build and deploy your code.
+# Add steps that build, run tests, deploy, and more:
+# https://aka.ms/yaml
+
+trigger: 
+ paths:
+   include:
+     - src/components/*
+
+stages:
+- stage: Build
+  jobs:
+  - job: Build
+    pool:
+     vmImage: 'ubuntu-latest'
+    steps:
+    - task: Npm@1
+      inputs:
+        command: 'install'
+    - task: Npm@1
+      inputs:
+        command: 'custom'
+        customCommand: 'run build'
+
+
+    - task: PublishBuildArtifacts@1
+      inputs:
+        PathtoPublish: 'build'
+        ArtifactName: 'drop'
+        publishLocation: 'Container'
+
+- stage: Deploy 
+  jobs:
+  - job: Deploy
+    pool:
+     vmImage: 'ubuntu-latest'
+    steps:
+    - task: DownloadBuildArtifacts@1
+      inputs:
+        buildType: 'current'
+        downloadType: 'single'
+        artifactName: 'drop'
+        downloadPath: '$(System.ArtifactsDirectory)'
+    - task: AzureRmWebAppDeployment@4
+      inputs:
+        ConnectionType: 'AzureRM'
+        azureSubscription: 'Free Trial(subscription-ID)'
+        appType: 'webAppLinux'
+        WebAppName: 'youtube1'
+        packageForLinux: '$(System.ArtifactsDirectory)/drop'
+        RuntimeStack: 'STATICSITE|1.0'