/retro-tarot

A Tarot platform made with javascript, html, styled-components, react-router and React

Primary LanguageJavaScriptMIT LicenseMIT

Retrô Tarot

GitHub language count Repository size GitHub last commit Repository issues License

Tecnologias   |    Projeto   |    Instalação   |    Imagens   |    Licença   |   

🚀 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

  • HTML, CSS, Javascript
  • React.js
  • Styled Components
  • react-router-dom

💻 Projeto

Este projeto foi desenvolvido com base no desafio do @personare (https://github.com/Personare/front-end-challenge). Esta aplicação consiste em uma plataforma de tarot, sendo possível embaralhar as cartas sempre que quiser começar um novo jogo, ver o signigicado da carta e tirar a carta quantas vezes quiser. O projeto possui homepage, página com o deck de cartas de costas e embaralhado, página de detalhes da carta escolhida, página de erro e botões para recomeçar a tiragem do deck de cartas.

💻 Instalação

  1. Faça o dowload e extração do projeto;
  2. Abra um terminal (Git Bash é o recomendado, pois é colorido);
  3. Navegue até a pasta do projeto no vscode;
  4. Execute, dentro dela, o comando npm install;
  5. Quando acabar, rode o comando npm run start;
  6. Verifique se uma janela do seu navegador abriu, mostrando a página do projeto.

🖼️ Imagens

Homepage Página das Cartas
Screen Shot 2022-08-21 at 00 35 19 Screen Shot 2022-08-21 at 00 36 05
Cartas Embaralhadas Detalhes da Carta
Screen Shot 2022-08-21 at 00 36 50 Screen Shot 2022-08-21 at 00 38 21
Homepage - Responsivo Página das Cartas - Responsivo Cartas Embaralhadas - Responsivo Detalhes da Carta - Responsivo
Screen Shot 2022-08-21 at 00 36 50 Screen Shot 2022-08-21 at 00 38 21 Screen Shot 2022-08-21 at 00 36 50 Screen Shot 2022-08-21 at 00 38 21

📝 Licença

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.