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: about 22 hours 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 (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-07-08T13:35:15.000Z (12 months ago)
• Last Synced: 2024-03-08T14:31:11.384Z (4 months ago)
• Topics: bulma, flickity, portfolio, portfolio-page, portfolio-template, portfolio-website, resume-template, sass
• Language: JavaScript
• Homepage:
• Size: 26.1 MB
• Stars: 478
• Watchers: 10
• Forks: 113
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Lists

• awesome-github-pages-portfolios - Mark MacNeil
• 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]