Benny Card
Esta é uma aplicação desenvolvida em React com o uso da biblioteca Chakra UI.
A aplicação permite que você crie um card personalizado para compartilhar suas informações, como HP (Health Points), EXP (Experiência), altura, peso e um pouco da sua história de forma humorística.
Demonstração
Veja a aplicação em ação: Link Tree App
Recursos
- Criação de um card personalizado com informações personalizadas.
- Contador de HP que diminui ao longo do dia.
- Exibição da porcentagem de EXP do ano que já se passou.
- Subida de nível no dia do aniversário.
- Diminuição de ataque e defesa à medida que o dia chega ao fim.
Pré-requisitos
- Node.js (versão X.X.X)
- NPM (versão X.X.X) ou Yarn (versão X.X.X)
Instalação
- Clone o repositório:
git clone https://github.com/berdfandrade/link_tree.git
- Navegue até o diretório do projeto:
cd link_tree
- Instale as dependências:
npm install
ou
yarn install
Uso
- Inicie a aplicação localmente:
npm start
ou
yarn start
- Acesse a aplicação no seu navegador em
http://localhost:3000
.
Personalização
- Para personalizar as informações exibidas no card, edite o arquivo
src/data/profile.js
. - Para personalizar o estilo da aplicação, consulte a documentação do Chakra UI em https://chakra-ui.com/ para obter informações sobre a personalização dos componentes.
Contribuição
Contribuições são bem-vindas! Se você encontrar algum problema ou tiver alguma sugestão, abra uma issue ou envie um pull request.
Licença
Este projeto está licenciado sob a MIT License.