---
title: "Como demostrar que realmente hiciste una app o página web."
excerpt: "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? Aquí te voy a contar algo que puede ser que te sirva."
date: "2021-01-24T22:54:57.000Z"
category: "Opinión"
seo_title: "Demostrar que hiciste una app: página de perfil con Laravel"
seo_description: "Muestra tu autoría como developer con el paquete its-my-code para Laravel. Crea una página de perfil con tu GitHub, repos y datos usando el cliente HTTP de Laravel."
author:
  name: "angel cruz"
  picture: "https://angelcruzdevcdn.nyc3.cdn.digitaloceanspaces.com/images/me/angel-cruz.png"
---

Y si, muchos seguro ya están pensando que con la alternativa de <a href="http://humanstxt.org/" target="_blank">http://humanstxt.org/</a> es suficiente, o que con esta meta etiqueta:

```html
 <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 <a href="https://github.com/faridfr/its-my-code" target="_blank">paquete</a> 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 <a href="https://github.com/faridfr/its-my-code/blob/master/src/ProveController.php" target="_blank">controlador original</a> 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 <a href="https://laravel.com/docs/8.x/http-client" target="_blank"> cliente http</a> me dispuse a mejorar esa consulta con curl y quedó de la siguiente forma:


```php
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

```php
<?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:

![](https://i.ibb.co/HF6GNvx/Screenshot-2021-01-24-Prove-the-programmer.png)



Espero que esto les parezca útil.

---

## Sitemap

Índice completo del sitio: [/sitemap.md](https://angelcruz.dev/sitemap.md)

Canónico HTML: [https://angelcruz.dev/post/como-demostrar-que-realmente-hiciste-una-app-o-pagina-web](https://angelcruz.dev/post/como-demostrar-que-realmente-hiciste-una-app-o-pagina-web)