https://github.com/mmacneil/devfolio

A simple, responsive, single-page portfolio and resume for developers built with Bulma, Sass, Font Awesome and Flickity.
https://github.com/mmacneil/devfolio

bulma flickity portfolio portfolio-page portfolio-template portfolio-website resume-template sass

Last synced: 1 day ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/mmacneil/devfolio
• Owner: mmacneil
• License: mit
• Created: 2019-08-16T01:33:25.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2024-07-23T18:55:36.000Z (6 months ago)
• Last Synced: 2025-01-04T08:08:50.110Z (8 days ago)
• Topics: bulma, flickity, portfolio, portfolio-page, portfolio-template, portfolio-website, resume-template, sass
• Language: JavaScript
• Homepage:
• Size: 26.1 MB
• Stars: 519
• Watchers: 10
• Forks: 146
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• project-awesome - mmacneil/devfolio - A simple, responsive, single-page portfolio and resume for developers built with Bulma, Sass, Font Awesome and Flickity. (JavaScript)

README

        
# devfolio

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

View the [demo here](https://mmacneil.github.io/devfolio/).

### Desktop version



### Responsive version



## 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`.

 

 src\>npm install

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.

 

 src\>npm run build

 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](https://bulma.io/documentation/modifiers/color-helpers/) and [variables](https://bulma.io/documentation/customize/variables/).  See the [Flickity](https://github.com/metafizzy/flickity) docs if you wish to modify the carousel.

 

 ## Contact

 [email protected]