freeCodeCamp: Portfolio

This is my portfolio page for freeCodeCamp's second basic front end challenge. Demo is available on my site.

Icons made by UIUXER from flaticon.com and licensed by CC 3.0 BY.

User Stories

I can access all of the portfolio webpage's content just by scrolling
I can click different buttons that will take me to the portfolio creator's different social media pages
I can see thumbnail images of different projects the portfolio creator has built (if you haven't built any websites before, use placeholders)
I navigate to different sections of the webpage by clicking buttons in the navigation

Tools Used

Gulp.js task runner
Webpack module bundler
Babel compiler
ESLint linter with Airbnb's base config
Pug template engine
Sass with PostCSS' Autoprefixer
Jump.js smooth scrolling library
Waypoints library

Install and Build

You need to have yarn installed on your computer. (Actually, you could also use npm but I prefer yarn 👌)

Clone this repo

git clone https://github.com/zsoltime/fcc-portfolio.git
cd fcc-portfolio

Install dependencies

yarn install
# OR
npm install

Start dev server with browser sync

It builds HTML, CSS, and the JavaScript bundle, starts a dev server and refreshes the browser on every changes.

yarn start
# OR
npm start

Build production bundle

It uglifies JS, minifies CSS and images, replaces references to non-optimized scripts and stylesheets in HTML files and copies everything necessary to the dist folder - ready to upload.

yarn build
# OR
npm run build

Preview production build

It's the same as the build task above but it also starts a server so you can check your work.

yarn preview
# OR
npm run preview