zsoltime / fcc-tribute

Tribute Page - freeCodeCamp's first front end dev project

freeCodeCamp: Tribute

This is my tribute page for freeCodeCamp's first basic front end project dedicated to John von Neumann, one of the most important names in the history of computing. Demo is available on my site.

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

User Stories

• I can view a tribute page with an image and text.
• I can click on a link that will take me to an external website with further information on the topic.

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
• Particles.js

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-tribute.git
cd fcc-tribute

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