My Portfolio

adrianocahete.dev

This Portfolio has SSR enabled, so has a pretty fast loading!

Try it! (you can try offline too, after the first visit of course... ;))

Deploy

All the changes are automatically deployed to Netlify.
You can see that live portfolio here.

Google Lighthouse Performance Audit

You can see the latest performance state with artifacts on Github Actions

Build Setup

# install dependencies
$ npm install

# serve with hot reload at localhost:3000
$ npm run dev

# generate static project
$ npm run generate

Test ServiceWork (and offline mode) locally

You need to make localhost trustable on Firefox/Chrome.

ToDo

• Migrate to latest Nuxt
• Add micro animations to entire portfolio [In Progress]
• Create a blog to explain the steps of each project [In Progress]
• Add all licenses to project page "This portfolio" [In Progress]
• Add an interactable animation on the Main page (home) [In Progress]
• Create a Logo
• Use newly created Logo as link to back Home
• Move to i18n instead of hardcoded text
• Add Nuxt Storybook to documentation system
• Customize Nuxt loading page
• Create a specific page for every project/interface
• Make a better error/not found page
• Move CSS to SASS instead of Stylus (stylus seems to be deprecated or, at least, stagnated)
• Generate Lighthouse badges from Github Actions and update the correct files in repository
• Add a toggle to show different information to different industries
• Add proper favicons (to increase Lighthouse Audit score on PWA)
• Add a switch to change themes
• Add more themes than just light/dark theme
• Add custom themes (add the ability to user modify the theme on-the-fly)
• Add CSS regression tests (BackstopJS, BrowserStack or Helpscout Barista?)
• Add Vue code tests
• Add CSS to mock IE users :)

Fixed

• Add a build date/last updated on string on page [Fixed on 2020-08-10]
• Try modern mode from latest Nuxt [Fixed on 2020-08-05]
• Move to latest Nuxt available [Fixed on 2020-08-05]
• Change every div to section [Fixed on 2020-07-11]
• Move isMobile function/feature to more global scope instead of on page scope [Fixed on 2020-06-29]
• Fix Navbar on Mobile [Fixed on 2020-06-26]
• Add Hotjar to know the user [Implemented on 2020-05-28]
• Add an offline mode [Implemented on 2020-05-16]
• Add animations to page loading [Implemented on 2020-05-16]
• Move to PWA to accommodate better the content [Implemented on 2020-05-16]

Font

This project uses Inter as a default typography

Icons

• Home and PDF icons made by Freepik
• Behance icon made by RoundIcons
• Codepen and OpenSource icons made by Pixel Perfect
• Pin Location icon made by Good Ware

All icons are from FlatIcons