[FEATURE]: Add twitter to contributors from api

[MohamedAlDeep]

Is your feature request related to a problem? Please describe.
Yes, it is related to #103 it is all described there

Describe the solution you'd like
Described in #103
Describe alternatives you've considered
N/A
Additional context
N/A

[devvsakib]

yeah I'm currently working on it

[MohamedAlDeep]

@devvsakib I am interested in this and i am learning about it so i am also doing it, i wanted to ask you about this

i reached to this but i dont know how to fetch the data from the new URLs
I dont know if you did this and i dont know how you are going to do it , if you did it then i will check how you did it after you finish, if you didnt then lets help each other because api things are kinda new to me

[MohamedAlDeep]

the line breaks your code from mine(visually)

import { useState, useEffect } from 'react'

function App() {
// ================================================================== 
  const url = 'https://api.github.com/repos/devvsakib/github-error-solve/contributors'
  const [data, setData] = useState([])
  useEffect( () => {
    const fetchUsers = async (url) => {
      const response = await fetch(url)
      const users = await response.json()
      setData(users)
    }
    fetchUsers(url)
  }, [data.length])
// =================================================================== 
const [userData, setuserData] = useState([])
var userUrl
data.map( data => {
      userUrl = `https://api.github.com/users/${data.login}`
    console.log(userUrl)

   

  }
  
  )
  useEffect( () => { 
    const fetchTwitter = async (userUrl) => {
      const Userresponse = await fetch(userUrl)
      const twitter = await Userresponse.json()
      setuserData(twitter)
    }
    fetchTwitter(userUrl)
    }, [userData.length])
  
// ===================================================================
  return (
    
    <div> 
    
      {
        userData.map(userData => 
          <h1>{userData.twitter_username}</h1>
          )
      }
    </div>
  )
}

export default App

[MohamedAlDeep]

actually i got another idea

[MohamedAlDeep]

nvm all that code

[MohamedAlDeep]

God i just got the same product with less code LMAO

Image

Code

import { useState, useEffect } from 'react'

function App() {
// ================================================================== 
  const url = 'https://api.github.com/repos/devvsakib/github-error-solve/contributors'
  const [data, setData] = useState([])
  useEffect( () => {
    const fetchUsers = async (url) => {
      const response = await fetch(url)
      const users = await response.json()
      setData(users)
    }
    fetchUsers(url)
  }, [data.length])
// =================================================================== 

// ===================================================================
  return (
    
    <div> 
    
      {
       data.map(data => 
          <h1>{data.url}</h1>
          )
      }
    </div>
  )
}

export default App

[MohamedAlDeep]

My problem is in fetching that url

[MohamedAlDeep]

@devvsakib I JUST FOUND THE SOLUTION

[MohamedAlDeep]

[MohamedAlDeep]

for a reason i dont know it keeps repeating

[MohamedAlDeep]

bruh its not working now

[devvsakib]

Im in nutshell with these API's😂 I wrote some code but didn't test it. I have to do an assignment too😂

I will suggest you try all this API fetch in vanilla javascript. first, fetch contributors then again users.👀

[MohamedAlDeep]

Yes, that is good idea but for now i cant because it says "rate limiting" when opening the contributors API 😂

[devvsakib]

yeah GitHub API has limitation for request