Challenge week 10

Gentlemen pointing at you React

Create a React application from this mockup. Identify which data in the current HTML is dynamic and program it to feed from the provided array.

Use the following components: App, Info, Button, Gentleman

[
    {
        id: 1,
        name: 'Bertin Osborne',
        status: 'Alive',
        profession: 'Youtuber',
        twitter: '@osbourne',
        picture: 'bertin.jpg',
        alternativeText: 'Osbourne pointing at you',
        selected: true,
    },
    {
        name: 'The Farytale',
        status: 'RIP',
        profession: 'Influencer',
        twitter: 'pending',
        picture: 'fary.jpg',
        alternativeText: 'The Fary pointing at you',
        id: 2,
        selected: false,
    },
    {
        id: 3,
        name: 'Julius Churchs',
        status: 'Alive',
        profession: 'Java developer',
        twitter: '@julius_churchs',
        picture: 'julio.jpg',
        alternativeText: 'Churchs pointing at you',
        selected: true,
    },
];

Netlify

Deploy: https://202210-w10-estcolros.netlify.app

SonarCloud

Overview: https://sonarcloud.io/summary/overall?id=estcolros_202210-W10-EstefaniaColombo