created live-workshops page in react

[sanyamjain04]

I have created live workshop page in React

• ✅ the code is scalable now
• ✅ fixes responsiveness bugs.

Screenshots

there is a youtube video in the box, i dont know why it's not showing in the box while taking screenshot.

@AvineshTripathi Can you please review the PR?

[saiyam1814]

Why are we changing the live-workshops page @sanyamjain04 ?

[saiyam1814]

What is the process of adding a new workshop ? can you document that ? @verma-kunal adds these workshops so he should be aware of the changes

[sanyamjain04]

@saiyam1814 @verma-kunal we have to create a new object and add it to the end of workshop data like this

In file src/data/data.js :-

export const workshopData = [
    {
      coverPhoto: chadMCrowell,
      workshopName: "Linux & Docker Fundamentals",
      date: "July 11th, 2022",
      time: "07:00 AM PT",
      workshopDesc:
        "This workshop aims to build a solid Linux and Docker foundation. You will learn about Linux fundamentals, containers and Docker.",
      workshopLink:
        "https://youtu.be/EUu1E_YKGTw",
        workshopStatus: "Watch Recording",
    },
    { ....
    }
    {
      coverPhoto: photo src,    //  import the photo of person 
      workshopName: "devops ",  // name of the workshop
      date: "July 18th, 2022",  // date of the workshop 
      time: "07:00 AM PT",  // time of the workshop
      workshopDesc:
        "This workshop helps you learn Kubernetes from scratch. Some of the topics include K8s fundamentals, Pods, Deployments, Services, Ingress & more.",   //  description about the workshop data here 
      workshopLink:
        "https://youtu.be/PN3VqbZqmD8", //  if the workshop is recorded then youtube link otherwise google form link here 
        workshopStatus: "Watch Recording",  // if workship is recorded then "Watch Recording " otherwise " Register now "
    }, 

[verma-kunal]

Lemme get back on this by EOD!

[verma-kunal]

Thanks for contributing @sanyamjain04 ✨