Nomes Brasileiros - API

A API segue um conjunto de nomes brasileiros e sobrenomes, feito para quem preicsa de dados ficticios de usuarios.

A API é feita com a REST Framkework do Django e o banco de dados PostgreSQL, hospedagem da aplicações é feita no render.com e banco no neon.tech A lentidão incial é causada devido a Neon.tech colocar o banco em modo de suspensão quando não está sendo acessado.

Como usar:

JS:

Code:

                 
                  try {
                    const response = await fetch('https://nomes-api.onrender.com/');
                    const data = await response.json();
                    const dataList = document.getElementById('data');
                    
                    if (data && data.results && Array.isArray(data.results)) {
                      data.results.forEach(item => {
                        const listItem = document.createElement('li');
                        listItem.textContent = `${item.nome} ${item.sobrenome}`;
                        dataList.appendChild(listItem);
                      });
                    } else {
                      
                    }
                  } catch (error) {
                    console.error(error);
                  }
                });
               });

React:

Code:

                 
                  const App = () => {
                    const [data, setData] = useState([]);
                  
                    useEffect(() => {
                      const fetchData = async () => {
                        try {
                          const response = await fetch('https://nomes-api.onrender.com/');
                          const jsonData = await response.json();
                          setData(jsonData.results);
                        } catch (error) {
                          console.error('Erro ao buscar dados:', error);
                        }
                      };
                  
                      fetchData();
                    }, []);

Angular:

Code:

                 
                  async fetchData() {
                    try {
                      const response = await this.http.get('https://nomes-api.onrender.com/').toPromise();
                      this.data = response.results;
                    } catch (error) {
                      console.error('Erro ao buscar dados:', error);
                    }