Scribd
Carregar
16 visualizações3 páginas

Criando Loja Virtual com ReactJS

O documento descreve uma atividade prática para criar uma loja virtual usando ReactJS. Os alunos devem desenvolver uma página para exibir produtos carregados dinamicamente de um array e um carrinho de compras armazenando itens selecionados no localStorage.

Enviado por

Pâmela Carvalho dos Santos
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
16 visualizações3 páginas

Criando Loja Virtual com ReactJS

O documento descreve uma atividade prática para criar uma loja virtual usando ReactJS. Os alunos devem desenvolver uma página para exibir produtos carregados dinamicamente de um array e um carrinho de compras armazenando itens selecionados no localStorage.

Enviado por

Pâmela Carvalho dos Santos
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd

JavaScript + React: Atividade Prática

Atividade Prática – Projeto loja virtual com ReactJS

● Título da Prática: Aplicação do uso do ReactJS para criação de uma loja virtual

● Objetivo: O aluno precisa identificar, codificar os recursos disponíveis do ReactJS e aplicar

para reproduzir o site especificado

● Materiais, Métodos e Ferramentas: O aluno precisa ter uma IDE de desenvolvimento de site

para poder codificar e visualizar o site especificado. O software indicado para isso é o visual

studio code. Contudo, pode ser utilizado qualquer IDE.

Atividade Prática

Nessa atividade prática você deverá criar um carrinho de compra usando o framework ReactJS. Antes de criar

o carrinho de compra, você deverá criar a apresentação de uma página em que o usuário irá visualizar os

produtos disponíveis. Esses produtos devem ser carregados dinamicamente. Para isso, você pode usar um

array de objetos, com dados do nome do produto, descrição do produto e valor do produto que serão

carregados nessa página inicial de visualização dos produtos disponíveis. Logo em seguida, o usuário poderá

adicionar o produto no carrinho de compra e adicione os itens escolhidos em um localStorage. Apresente a

tela do carrinho de compra com os itens escolhidos pelo usuário, recupere essa informação do localStorage.

Pontos importantes: apresentar no carrinho de compra a quantidade de cada produto e o total da compra.

Abaixo estão exemplos de vitrines dos produtos e de carrinhos de compra que podem ser desenvolvidos.
Exemplo de vitrine de produtos:

Outro exemplo que pode ser feito para vitrine de produtos:

Exemplo de carrinho de compra:


Outro exemplo de carrinho compras:

Você também pode gostar