Skip to content

markuskooche/PortfolioWebpageV1

Repository files navigation

PortfolioWebsite - v1

The first version of markuskooche.com built with Vue.js.

About the Project

Version: 1.1.4

I built this website to introduce myself and my projects. The site was developed completely with Vue.js and served to get a taste of the framework. So don't expect this to be a perfectly structured Vue.js project.

I deliberately chose Vue.js because the third version of the framework has gotten extreme performance gains and has a much lower overhead than React or Angular, for example. Vue.js is also extremely easy to learn and there is a very helpful community. However, if you want a lot of copy & paste you should rather go for React ;).

The site is accessible at markuskooche.com as described above and hosted at all-inkl.com.

How to run and build the Project

  1. Install the Vue CLI

    npm install -g vue-cli
  2. Project setup

    npm install
  3. Compiles and hot-reloads for Development

    npm run serve
  4. Lints and fixes files

     npm run lint
  5. Compiles and minifies for Production

    npm run build

Color Reference

Color (Light) Color-Preview & HEX-Code
background-shadow #EBECED #EBECED
background-normal #FAFAFA #FAFAFA
background-accent #F1F4FA #F1F4FA
timeline-color #B7BEC6 #B7BEC6
font-color-normal #515D6E #515D6E
font-color-accent #2D3845 #2D3845
accent-color #009B8D #009B8D
accent-hover #E3F1F0 #E3F1F0
Color (Dark) Color-Preview & HEX-Code
background-shadow #131B28 #131B28
background-normal #151E2C #151E2C
background-accent #283446 #283446
timeline-color #616A77 #616A77
font-color-normal #C6C8CD #C6C8CD
font-color-accent #F7F7F7 #F7F7F7
accent-color #70E8D2 #70E8D2
accent-hover #1D303B #1D303B

Version history

Version Description
1.0.0 the first public version
1.0.1 minor bug fixes & static routing added
1.0.2 new project & favicon added
1.0.3 new about language component
1.0.4 minor bug fixes
1.0.5 minor bug fixes
1.1.0 added the german cv
1.1.1 fixed a bug which did not open resume since
1.1.2 added licence type MIT (and file)
1.1.3 updated projects
1.1.4 updated projects & packages

Inspired by Brittany Chiang

Brittany Chiang

Technologies

Vanilla Tilt
Vue.JS 3