Personal Website (hotrodzphotography.github.io)

Background

This site is intended as a simple way for individuals to check out recent photos that I've taken and posted for viewing. It also integrates with Instagram to show some recent posts. Additionally, this site will showcase some of my photography gear and allows potential clients or interested individuals to contact me directly via email.

Technologies

• VueJS
• Vue-Router which allows for a "single-page" webapp.
• Vue CLI Service
• Vue-LazyLoad for lazy-loading album images seamlessly
• Vue-Instagram
• Vue-Material-Design-Icons for a wide variety of performant SVG icons.
• Vue-Analytics for seamless Google Analytics integration
• Rollbar for client-side error logging
• ESLint with a Vue plug-in for a clean, consistent code style
• Less

Project Workflow

Install dependencies

npm install

Local development - compiles and hot-reloads changes

npm run serve

Production build - compiles and minifies code

npm run build

Build files are placed into the dist/ directory.

Production deploy - compiles and deploys to master branch

npm run deploy

Note: This compiles the site's files using npm run build first.

Unfortunately, GitHub Pages requires the primary site to be served out of the master branch, which means that a branch other than master must be used as the primary branch so that master can serve as the branch which built files are deployed to.

Lints and fixes files

npm run lint

Customize Vue CLI Configuration

See Configuration Reference.