devfolio

A simple, responsive, single-page portfolio and resume for developers built with Bulma, Sass, Font Awesome and Flickity.

View the demo here.

Desktop version

<img src="https://github.com/mmacneil/devfolio/blob/master/docs/devfolio-desktop.gif" />

Responsive version

<img src="https://github.com/mmacneil/devfolio/blob/master/docs/devfolio-responsive.gif" height="485" />

Setup

1. Clone, fork or create a template from this repository.
2. Install required dependencies from your terminal by running npm install from the project folder root containing package.json.

<pre> <code>src\>npm install</code></pre>

3. Use webpack to compile and bundle the css/js by running npm run build from the project folder root containing webpack.config.js. Webpack will also begin watching these files for changes and re-build as they're modified.

<pre> <code>src\>npm run build</code></pre>

4. Open index.html locally in your favorite browser.
5. Modify accordingly - styles, colors and variables can be changed in styles.scss. Refer to the Bulma docs for guidance on how to quickly customize further to suit your tastes using color helpers and variables. See the Flickity docs if you wish to modify the carousel.

Contact

markmacneil@gmail.com