Skip to content

claudiabdm/portfolio-2021

Repository files navigation

Claudia Benito's website screenshot

Claudia Benito's website logo

My Portfolio

Multilingual JAMstack site built with Nuxt.js, styled with SCSS (BEM methodology) and deployed on Netlify. I used Storyblok CMS and its image service to create responsive images. I also learnt GSAP while creating the site so most animation are made with it.

Table of contents

Build Setup

Warning

This repo was not intended to be a template. It does not work out of the box and you will need to replace Storyblok related stuff, use your own credentials, etc. To do so, you might need to be familiar with Storyblok and Nuxt.js but I am planning on improving this when I update to Nuxt 3.

# install dependencies
$ yarn install

# serve with hot reload at localhost:3000
$ yarn dev

# build for production and launch server
$ yarn build
$ yarn start

# generate static project
$ yarn generate

For detailed explanation on how things work, check out Nuxt.js docs.

Assets attribution

Color palette was chosen from https://www.happyhues.co/palettes/12 created by Mackenzie Child https://www.mackenziechild.me/.

3D images are from the Homies3D kit in Figma created by Doğukan Karapınar https://homies3d.com/.

SVG illustrations (except camera) are from https://www.drawkit.io/.