Este projeto é um mini explorador de blocos construído usando a stack de tecnologia Stacks uma blockchain de segunda camada em cima do BTC 😲. Ele permite que os usuários visualizem o histórico de transações de uma conta Stacks.
Este projeto é baseado no tutorial Construindo um Mini Explorador de Blocos do currículo da Graduação de Desenvolvedor Stacks da DAO LearnWeb3.
O projeto permite ao usuário:
- Conectar suas carteiras Stacks (por exemplo, Leather ou Xverse)
- Visualizar o histórico de transações de sua própria conta
- Pesquisar o histórico de transações de qualquer endereço Stacks válido
- Carregar mais transações em um formato paginado
- Next.js
- @stacks/connect
- @stacks/transactions
- Hiro
- Node.js (v16 ou posterior)
- npm (v8 ou posterior)
- Uma carteira Stacks (por exemplo, Leather, Xverse)
- Familiaridade com React, Next.js e TypeScript
- Clone este repositório:
git clone https://github.com/dev-araujo/account-history_Stacks.git- Instale as dependências:
npm install- Inicie o servidor de desenvolvimento:
npm run devAbra seu navegador e visite http://localhost:3000 ✨✨
- Conectando sua Carteira: Clique no botão "Conectar Carteira" e escolha sua carteira Stacks. Siga as instruções na carteira para conectar sua conta.
- Visualizando seu Histórico de Transações: Depois que sua carteira estiver conectada, o aplicativo será redirecionado automaticamente para uma página que exibe o histórico de transações da sua conta.
- Pesquisando por um Endereço: Na barra de navegação, insira um endereço Stacks válido no campo de pesquisa e pressione Enter. O aplicativo exibirá o histórico de transações para o endereço especificado.
- Carregando Mais Transações: Clique no botão "Carregar Mais" na parte inferior da lista de transações para carregar mais transações em incrementos de 20.
