Uma SPA desenvolvida para exibir o preço das seguintes cryptomoedas: BTC, DACXI, ETH, ATOM e LUNA. Link de acesso: https://heronnepomuceno.github.io/pricecryp/
git clone https://github.com/HeronNepomuceno/pricecryp.git
cd pricecryp
npm install
npm run dev
npm run build
-
Em primeiro lugar, você deve escolher uma cripto moeda que deseja interagir, faça isso clicando em um card. O que comprova que o card esta selecionado, é a mudança na cor do background em relação aos outros. Assim que o card é selecionado, a informação fica salva no sessionStorage, dessa forma, quando se atualiza a página, o card escolhido anteriormente continua selecionado, até que se feche a página.
-
Em segundo lugar, a sessão abaixo é responsável por exibir o valor atual da criptomoeda selecionada, ao entrar na página, por padrão, é escolhido o bitcoin. Para atualizar o valor da cripto, basta clickar no botão verde com o ícone de reload. Dessa forma, uma função deve fazer um fetch para recarregar os valores em tempo real (A moeda escolhida foi o dólar USD).
-
Em terceiro lugar, a sessão abaixo é responsável por exibir o valor da moeda de acordo com uma data estipulada pelo usuário:
3.1 Quando a data é válida para a criptomoeda, é exibida uma mensagem que mostra o valor da moeda na data citada:
3.2 Caso o usuário coloque uma data inválida com o tempo da cripto selecionada, irá ser mostrado uma mensagem de erro:
3.3 Caso o usuário coloque uma data incompleta (sem os 8 dígitos necessários), também é exibida uma mensagem de erro que fica presente na tela por 3 segundos:
- HTML, CSS, Javascript
- Vuejs 3 + Vite
- Tailwind
- Figma
- Git
- Linkedin: https://www.linkedin.com/in/heron-nepomuceno-b3125b1b6/
- Website: https://heron.pages.dev/