Github Auto-Portfolio

Portfolio Generico que depende directamente de Github, carga la información de tu usuario y los proyectos que tengas dentro. Puedes escoger mostrar solo los proyectos que tengan una demo a modo de filtro.

Screen Shoot

¿Como Usarlo?

¿Quieres utilizar este portfolio con tu perfil? No hay problema, en el apartado script.js encontraras el codigo que tienes aqui abajo, en la variable userName coloca tu nombre de github sin el @, en la variable onlyDemoProyects decide si quieres que se muestren todos los proyectos de github o solo los que tienen una demo publicada.

data() {
        return {
            // Config
            userName: 'TU USUARIO', // Escribe tu nombre de github ( sin el @)
            onlyDemoProyects: true | false, // ¿Solo proyectos con demo? true con demo, false sin demo
            
            // De esto no hace falta tocar nada
            // Filter Data
            searcher: '',
            // Data
            githubRepos: [],
            userInfo: []
        }
    }

¿Como hago para que un proyecto tenga demo?

Para hacer que un proyecto "tenga demo" asegurate de que en la columna derecha, donde apunta la flecha tengas un enlace a la demo del proyecto

Si nunca lo has hecho, sigue estos pasos:

• 1 dale al ⚙️ engranaje de la columna derecha que has visto en la imagen
• 2 escribe un enlace a la demo de tu proyecto en el hueco website como veras en la imagen y guarda los cambios.

Tecnologias

html, css, javascript, vue.js

Hecho

• Introducir los proyectos que tengo en github con githubPage.
• Crear la estructura del proyecto.

Por hacer

• Crear temas de color para que se pueda personalizar.
• Aplicar filtros segun tecnologías.

Ideas

• Filtros para buscar por tecnologias
• Imagenes del proyecto