É um projeto, proposto pela Resília Educação, de criação de um marketplace.
No terminal digite o comando npm install para baixar as dependências desse projeto. Depois do download, use o comando npm start para iniciar.
O componente <Input /> recebe 4 props, o title, type, name e percWidth. A propriedade title recebe uma string que é o valor do Label referente ao input. A propriedade type recebe o tipo de input e a propriedade name, o name do input. A propriedade percWidth recebe uma string com um valor em porcentagem, ex: '100%'. Esse valor é em relação ao elemento em que o componente Input está inserido.
O componente <SideHeader /> não recebe props e é para ser utilizado como primeiro elemento da página. Usando na div pai display flex e align-itens center, e com media query em 850px alterando a flex-direction para collumn ele funciona como header lateral e para telas menores, header superior
O componente <Button /> recebe props text, minWidth e marginTop.
A propriedade text recebe uma string que é o texto do botão. A propriedade minWidth recebe uma string com a largura minima do botão e a propriedade marginTop recebe a margen acima do botão.
O componente <Header /> não recebe props e é para ser utilizado como cabeçalho da página inicial.
O componente <CardProduct /> recebe 3 props, img, title e price. A propriedade img recebe uma imagem para ser adicionado no src da tag. A propriedade title recebe uma string que será o título e a propriedade price recebe uma string que será o valor do produto.
O componente <Logout /> recebe uma props, logoutStyle, que recebe uma estilização.
O componente <PhotoPerfil /> recebe uma props, urlPhoto, que recebe a url da foto do usuário cadastrado.
O componente <Textarea /> recebe uma props, description, que recebe uma string que será a descrição.
Para visualizar a aplicação clique aqui