Your IP : 216.73.217.62
var app = new Vue({
el: '#app',
data: {
id: 'd241683d5d4180884182',
secret: '68a1c57c8be8fc7774b5abb546caa9835b39b957',
username: 'kamilrogala',
userData: {},
userRepositories: []
},
methods: {
findUser: function (username) {
this.getUserData(username);
this.getUserRepositories(username);
},
getUserData: function (username) {
fetch('https://api.github.com/users/' + username + '?client_id=' + this.id + '&client_secret=' + this.secret)
.then(resp => resp.json())
.then(resp => {
this.userData.name = resp.name;
this.userData.avatar_url = resp.avatar_url;
this.userData.html_url = resp.html_url;
this.userData.public_repos = resp.public_repos;
this.userData.public_gists = resp.public_gists;
this.userData.followers = resp.followers;
this.userData.following = resp.following;
this.userData.company = resp.company;
this.userData.blog = resp.blog;
this.userData.blog = resp.blog;
this.userData.location = resp.location;
this.userData.created_at = resp.created_at;
});
},
getUserRepositories: function (username) {
fetch('https://api.github.com/users/' + username + '/repos?client_id=' + this.id + '&client_secret=' + this.secret + '&sort=created:asc&per_page=5')
.then(resp => resp.json())
.then(resp => {
this.userRepositories = resp;
});
}
},
created: function () {
this.findUser(this.username);
},
watch: {
username: function (username) {
this.findUser(username)
}
}
});