Loading...

RAFAEL FAUSTINI

I wanna improve people's lives with technology

Student in love with technology


My name is Rafael Faustini, I'm a {{age}} years old italian and brazilian information systems student at University Center La Salle of Rio de Janeiro

I started programming when I was 11 years old and never stopped, since then always searching new solutions to new problems

Professional Experiences


Portfolio

{{created}}, I started sharing my knowledge at github and now I'm with a total of {{reps}} public repositories made with

Know the projects I am envolved









Portifolio Source

In this section I explain a bit of the guts from the Portfolio section of my webpage

Each element from the list of the projects is an instance of the component Project, which the code is below


Vue.component('projeto', {
    props: {
        titulo: {
            type: String, default: null, required: true
        }
        , imagem: {
            type: String, default: null
        }
        , ano: {
            type: String, default: false
        }
        , linguagem: {
            type: String, default: null
        }
        , descricao: {
            type: String, default: ''
        }
        , source: {
            type: String, default: null
        }
        , source_name: {
            type: String, default: "Code"
        }
        , site: {
            type: String, default: null
        }
        , site_name: {
            type: String, default: "Preview"
        }
        , fundo: {
            type: String, default: "darkcyan"
        }
        , height: {
            type: Number, default: "30"
        }
    }
    , template: 

<div class="container section"> <div class="row align-items-center h-100 text-center text-lg-left projeto"> <div class="col-lg-6 p-lg-0 text-center text-white" v-if="!imagem":style="{ 
 'background-color': fundo, 'height': height+'vh',
}

">            
 <p style="margin-top: calc(15vh - 1em); 
 font-family: Verdana, Geneva, Tahoma, sans-serif;
font-weight: 200;
font-size: 3em;
">
 {
    {
        titulo
    }
}

</p> </div> <div class="col-lg-6 p-lg-0 text-center text-white" v-else> <img class="card-img-top img-fluid lazyload":data-src="imagem":alt="descricao"></div> <div class="col-lg-5 mx-auto py-3"> <h3 class="h3"> {
    {
        titulo
    }
}

<span v-if="ano" class="badge primary_background secondary_text badge-sm ml-1"> {
    {
        ano
    }
}

</span> <span v-if="linguagem" class="badge complementary_background secondary_text badge-sm"> {
    {
        linguagem
    }
}

</span></h3> <p class="showcase__description mb-4 color-gray" v-html="descricao" v-if="descricao"></p> <a:href="site" v-if="site" class="btn botao-primario" target="_blank"> {
    {
        site_name
    }
}

</a> <a:href="source" v-if="source" class="btn botao-contornado-primario" target="_blank"> {
    {
        source_name
    }
}

</a> </div> </div> </div> `
}
)

As parameters is passed the title, description, code url, preview url, programming language name, year of the project, image. When an image is not passed, the component will create a colored block with the title's name (The color can be personalized through the parameter fundo