tarot-virtual's Introduction

Tarot Virtual

Descrição do Projeto

O projeto Tarot Virtual é uma aplicação web desenvolvida com a biblioteca React.js que permite aos usuários interagirem com cartas de tarot. Os usuários podem embaralhar as cartas, revelar as cartas viradas e ler informações sobre cada carta por meio de um modal.
Projeto proposto pela bootcamp Labenu, baseado no teste técnico da empresa "Personare", porém com melhorias.

Deploy do Projeto

https://yummy-hammer.surge.sh/

Tecnologias Utilizadas

React.js: A biblioteca JavaScript usada para criar a interface do usuário dinâmica e reativa.
Styled-components: Uma biblioteca para estilização de componentes usando estilos baseados em JavaScript.
Axios: Uma biblioteca para fazer requisições HTTP para buscar dados do arquivo JSON.
HTML5/CSS3: Para estruturar e estilizar a aplicação.

Funcionalidades Principais

1. Embaralhar Cartas

Os usuários podem clicar no botão "Embaralhar" para reorganizar as cartas em uma ordem aleatória.
Todas as cartas viradas são escondidas antes do embaralhamento.

2. Virar Cartas

Os usuários podem clicar em uma carta para revelar informações sobre ela.
As cartas reveladas são exibidas em um modal com informações detalhadas.

3. Reiniciar Cartas

Os usuários podem clicar no botão "Recomeçar" para limpar todas as cartas viradas e voltar ao estado inicial.
Todas as cartas viradas são escondidas.

Conclusão

O projeto Tarot Virtual é uma aplicação interativa que permite aos usuários explorar e interagir com cartas de tarot. Ele demonstra o uso de React.js, styled-components e Axios para criar uma experiência envolvente com cartas de tarot. É um projeto interessante para aprender e praticar o desenvolvimento web com React.js e estilização dinâmica com styled-components.