Aplicação Web desenvolvida para praticar alguns dos principais conceitos de React, para o minicurso ministrado por mim na Semana Acadêmica de Ciência da Computação - UFT
A aplicação consiste em citações aleatórias de animes e imagens de avatar geradas a partir de uma entrada, consumidas pelas APIs:
Para acessar a gravação no Youtube:
Para rodar esta aplicação na sua máquina, você precisará executar uma série de comandos em seu terminal:
Para clonar este repositório, vá até o botão verde escrito Code, copie o link do projeto e cole depois do comando git clone.
Em seguida, baixe as dependências usadas na aplicação.
Na maioria das distribuições linux já vem instalado, você pode conferir por node -v ou node --version.
Caso não tenha, instale com sudo apt install nodejs ou sudo npm install -g node.
Gerenciador de Pacotes para o Node.js - Node Package Manager.
Para instalar, rode sudo apt install npm.
Para criar uma aplicação com Create React APP execute os comandos:
npx create-react-app my-app
cd my-app
npm startAbra http://localhost:3000/ para visualizar no browser.
Algumas bibliotecas recomendadas para estilização de componentes no React:
- Mantine - utilizada nesta aplicação
- Vite
- Styled Components
Para fazer a manipulação de diferentes rotas, foi utilizado o pacote React Router DOM, que pode ser adicionado à aplicação através do comando npm i react-router-dom.
Página inicial da aplicação, composta por citações aleatórias e imagens de avatar.
Página para criar um avatar a partir da seleção de sprite e seed.
Página que exibe uma citação aleatória de anime, com o nome do personagem e o nome do anime.
