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
-
Install the Vue CLI
npm install -g vue-cli
-
Project setup
npm install
-
Compiles and hot-reloads for Development
npm run serve
-
Lints and fixes files
npm run lint
-
Compiles and minifies for Production
npm run build
Color Reference
| Color (Light) | Color-Preview & HEX-Code |
|---|---|
| background-shadow | #EBECED |
| background-normal | #FAFAFA |
| background-accent | #F1F4FA |
| timeline-color | #B7BEC6 |
| font-color-normal | #515D6E |
| font-color-accent | #2D3845 |
| accent-color | #009B8D |
| accent-hover | #E3F1F0 |
| Color (Dark) | Color-Preview & HEX-Code |
|---|---|
| background-shadow | #131B28 |
| background-normal | #151E2C |
| background-accent | #283446 |
| timeline-color | #616A77 |
| font-color-normal | #C6C8CD |
| font-color-accent | #F7F7F7 |
| accent-color | #70E8D2 |
| accent-hover | #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 |