https://github.com/nadiduno/knightsofthezodiac

A Zodiaco knights application, which consumes the API
https://github.com/nadiduno/knightsofthezodiac

api javascript json jsonbin

Last synced: about 2 months ago
JSON representation

A Zodiaco knights application, which consumes the API

• Host: GitHub
• URL: https://github.com/nadiduno/knightsofthezodiac
• Owner: nadiduno
• Created: 2023-07-19T03:09:32.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-08-09T21:20:23.000Z (almost 3 years ago)
• Last Synced: 2025-06-14T03:07:23.532Z (about 1 year ago)
• Topics: api, javascript, json, jsonbin
• Language: JavaScript
• Homepage: https://knightsofthezodiac.vercel.app
• Size: 742 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
[![Author](https://img.shields.io/badge/Dev-Nadi%20Duno-blueviolet%20)](https://portfolio-nadi.vercel.app/)

[![Social](https://img.shields.io/twitter/follow/nadiduno?label=%40nadiduno&style=social)](https://twitter.com/nadiduno)

[![Linkedin](https://img.shields.io/badge/in-Nadi%20Duno-blue)](https://www.linkedin.com/in/nadiduno/)







# App Cavaleiros do zodíaco



  

  




# Link Cavaleiros do zodíaco

https://api.jsonbin.io/v3/b/64ba1bd4b89b1e2299c1dbc0

# Código - JavaScript

 ```JS

 async function userData() {

    await fetch("https://api.jsonbin.io/v3/b/64ba1bd4b89b1e2299c1dbc0")

        .then((response) => {

            return response.json();

        })

        .then((data) => {

            // Estudando os dados 

            console.log(data)

            // Criando o DOM com JS

            let zodicName = document.createElement('p')

            let zodicImg = document.createElement('img')

            zodicName.textContent = data["record"]["Zodic"]["0"]["name"]

            zodicImg.src = data["record"]["Zodic"]["0"]["avatar"]

            root.append(zodicName, zodicImg)

        })

        .catch((error) => {

            console.error(error)

        })

}

userData()

```

# Clonar o projeto

 ```Bash

git clone https://github.com/nadiduno/knightsofthezodiac

```

# Deploy 

[Ver app](https://knightsofthezodiac.vercel.app/)

# Cria tua propria API

Dado curioso:  Eu criei esta API para poder consumir.

Cria tua propria API - Ver este [post](https://devrelnadiduno.blogspot.com/2023/08/criando-uma-api-publica-dos-cavaleiros.html) que fiz com muito amor

[Criando uma API pública dos Cavaleiros do Zodíaco](https://devrelnadiduno.blogspot.com/2023/08/criando-uma-api-publica-dos-cavaleiros.html)




Com <💜 /> 

[Nadi Duno](https://www.linkedin.com/in/nadiduno/)  © 2023