https://github.com/johannesschweig/johannesschweig.github.io
My portfolio website
https://github.com/johannesschweig/johannesschweig.github.io
css github-page grid-css html javascript portfolio-website vue vuejs
Last synced: 3 months ago
JSON representation
My portfolio website
- Host: GitHub
- URL: https://github.com/johannesschweig/johannesschweig.github.io
- Owner: johannesschweig
- Created: 2017-03-21T17:57:54.000Z (about 8 years ago)
- Default Branch: main
- Last Pushed: 2025-01-28T13:12:20.000Z (4 months ago)
- Last Synced: 2025-01-28T14:23:37.953Z (4 months ago)
- Topics: css, github-page, grid-css, html, javascript, portfolio-website, vue, vuejs
- Language: Vue
- Homepage: https://johannesschweig.de
- Size: 31.1 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Portfolio website
This is my portfolio website using Vue.js and GridCSS, deployed on github pages. I made this to learn Vue.js and create a nice portfolio website for me as a UX Designer from the ground up.
## Getting Started
Clone this repository. There are three branches:
- main: the vue source code of the latest version of the website
- gh-pages: the deployed files for github pages as a git subtree
- develop: branch for new features, eventually merged into vueapp
- old_app: an old version of the website written in pure HTML, CSS, JavaScript, jQuery and Bootstrap.
### Prerequisites
You need `nodejs` and `npm`.
### Running the dev setup
Run `npm i` to install the dependencies, then `npm run dev` to start a development server on `localhost:8080`. Open your browser at `localhost:8080`.
## Linting & Tests
Linting is done with `npm run lint`. Tests are located in `tests/unit`. Run them with `npm run unit`.
## Deployment
If you want to build the files necessary for github pages, run `deploy.sh` in the branch `vueapp`.
## Credits
**Built with:**
* [GridCSS](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout) - like Bootstrap only newer, more versatile and features less css styles you don't necessarily need
* [Vue.js](https://vuejs.org/) - a JavaScript Framework similar to React or Angular