Como demostrar que realmente hiciste una app o página web.

Jan 24, 2021

Are you looking for a mentor?

Whether you're a beginner or need assistance with a work-related project, I'm available to provide support.

Check out the gig on Fiverr.

Agrega tu publicadad

Este artículo tiene más de un año de antigüedad, el contenido pudiera estar obsoleto.

Alguna vez pensaste cómo sería una buena forma de mostrar que fuiste el developer que trabajó muchas horas en la creación de esa página web que te llevó bastante tiempo? Acá te voy a contar algo que puede ser que te sirva.

Y si, muchos seguro ya están pensando que con la alternativa de http://humanstxt.org/ es suficiente, o que con esta meta etiqueta:

1<meta name="author" content="John Doe">

<meta name="author" content="John Doe">

O colocando un link en el footer que lleve a tu página web.

Y si, todo eso está bien pero me encontré con un paquete que permite mostrar por medio de una vista la información del developer.

Intente probar el paquete en una instalación nueva de laravel pero me dió un error y pues me puse a revisarlo y me encontré con algunas cosas que se pueden mejorar y es de lo que voy hablar en este post.

Básicamente el controlador original del paquete lo que hace es hacer una petición http por medio de curl al api de github para extraer información del perfil del developer.

Aprovechando desde hace algunas versiones laravel posee un cliente http me dispuse a mejorar esa consulta con curl y quedó de la siguiente forma:

 1public function getDataFromGithub()
 2{
 3    $append = 'client_id=' .config('its-my-code.GITHUB_CLIENT_ID'). '&client_secret=' .config('its-my-code.GITHUB_CLIENT_SECRET');
 4    $repos = $this->makeRequest('/repos?sort=pushed&'.$append);
 5    $user = $this->makeRequest('?' .$append);
 6 
 7    return [
 8        'user'  => $user,
 9        'repos' => $repos,
10    ];
11}
12 
13public function makeRequest(string $param)
14{
15    $response = Http::get('https://api.github.com/users/' . config('its-my-code.GITHUB_USERNAME') . $param);
16    return $response->json();
17}

public function getDataFromGithub()
{
    $append = 'client_id=' .config('its-my-code.GITHUB_CLIENT_ID'). '&client_secret=' .config('its-my-code.GITHUB_CLIENT_SECRET');
    $repos = $this->makeRequest('/repos?sort=pushed&'.$append);
    $user = $this->makeRequest('?' .$append);

    return [
        'user'  => $user,
        'repos' => $repos,
    ];
}

public function makeRequest(string $param)
{
    $response = Http::get('https://api.github.com/users/' . config('its-my-code.GITHUB_USERNAME') . $param);
    return $response->json();
}

El archivo de configuración del paquete cuenta con varias opciones para mostrar en el perfil

 1<?php
 2 
 3return [
 4 
 5    'GITHUB_USERNAME'       => '',  // your github username ( required )
 6    'INSTAGRAM_USERNAME'    => null,  // your instagram username
 7    'LINKEDIN_USERNAME'     => null,  // your linkedin username
 8    'REPO_COUNT'            => 8,     // number of repositories in page (int)
 9    'MOBILE'                => null,  // mobile in string
10    'GITHUB_CLIENT_ID'      => env('GITHUB_CLIENT_ID'),  // see https://github.com/settings/developers
11    'GITHUB_CLIENT_SECRET'  => env('GITHUB_CLIENT_SECRET'),  // see https://github.com/settings/developers
12];

<?php

return [

    'GITHUB_USERNAME'       => '',  // your github username ( required )
    'INSTAGRAM_USERNAME'    => null,  // your instagram username
    'LINKEDIN_USERNAME'     => null,  // your linkedin username
    'REPO_COUNT'            => 8,     // number of repositories in page (int)
    'MOBILE'                => null,  // mobile in string
    'GITHUB_CLIENT_ID'      => env('GITHUB_CLIENT_ID'),  // see https://github.com/settings/developers
    'GITHUB_CLIENT_SECRET'  => env('GITHUB_CLIENT_SECRET'),  // see https://github.com/settings/developers
];

Y el resultado de todo eso sería algo como esto:

Espero que esto les parezca útil.

Autor

Angel Cruz