Sketch for Powerlifting Federation website

This is semi-education project aims to build a sketch for Powerlifting Federation website and gain expertize with web development technologies

Goals and Achievements

• Main Tasks
  • Build Sketch for Powerlifting Federation website
  • Get practies and gain skills with HTML / CSS, Bootstrap framework, npm, bower and gulp
• Directions of work
  • HTML and CSS
  • Bootstrap 3
  • working with Third party JS libraries
  • working with npm and bower
  • working with gulp
• Total
  • Successful achievement of the main tasks
  • 17 hours
  • Gained expertise with :
    • npm and bower
    • HTML and CSS
    • Bootstrap
    • Gulp
    • Font Awesome
    • Magnific-popup
    • Owl.carousel
    • English language

Installation

To run this project you should have the same workflow (look bellow in Workflow section), also Node.js have to be installed.

1. clone this project into workspace
2. in the project root, type with the command line interface:
   1. npm i
   2. npx bower i
   3. npx gulp build
3. open in browser .dist/index.html

common gulp commands (look into 'gulpfile.js'):

• 'gulp watch' - run 'browser-sync', 'css-libs', 'scripts' (default command. just run 'gulp')
• 'gulp build' - creating 'dist' folder with product
• 'gulp clean' - delete 'dist' folder (automaticaly run when 'gulp build')

About

This small education project aims to show basic practical usage of:

• HTML and CSS
• npm and bower
• gulp build
• project structure organization
• version control system

Workflow

• Windows 10 OS
• GitBash
• Google Chrome Beta
• Visual Studio Code
• ESLint
• GIT
• NodeJS v8.11.4

Using Technologies

• HTML
• CSS
• npm
• bower
• gulp
• bootstrap

Showcase

http://dandgerson.com/projects/fpr76.ru/