DEV Community

Cover image for Template for your portafolio
Miquel Camps
Miquel Camps

Posted on

Template for your portafolio

#portafolio #resume #projects #sideprojects

Hi DEVs!

I made a simple portafolio template where you can show your sideprojects with the option to filter them using categories.

I'm using Bootstrap for the frontend, the data is hosted in a google spreadsheet, you can upload it on Github Pages to get your own URL for free.

I hope this can be useful for you!

Install

Insert your google spreadsheet ID in this file /static/main.js

var URL = "1gjSO6dzKyucIQMkM3yo4DfZf7tSPOCfZ4wSMP5NInlU"
Enter fullscreen mode Exit fullscreen mode

Customize your own website

Full width

<div class="container fullwidth">
Enter fullscreen mode Exit fullscreen mode

Fixed header on desktop

<body class="fixed">
Enter fullscreen mode Exit fullscreen mode

Show 4 items for row

<div class="col-md-3 item" data-category="{{category}}">
Enter fullscreen mode Exit fullscreen mode

Show 6 items for row

<div class="col-md-2 item" data-category="{{category}}">
Enter fullscreen mode Exit fullscreen mode

Top comments (0)

Read next

onwritinggames profile image

probabilistic foreshadowing

Fran Tufro -

harshalranjhani profile image

Deploying React Apps to Github Pages with Github Actions

Harshal Ranjhani -

pinky057 profile image

Demystifying Regular Expressions in JavaScript: A Comprehensive Guide

ishrat -

itechblogging profile image

AWS Hadoop Revolutionizing Big Data Analytics

Waqas Khursheed -