Drozerah/form-demo

A freeCodeCamp responsive web design certification project

Form Demo

The "Form Demo" page is my work for the "Build a Survey Form" challenge for the freeCodeCamp responsive web design certification

• Standards:

  • JavaScript ES6
  • HTML5
  • CSS 3
    • Responsive Web Design
      • Media Queries
    • Grid Layout
    • FlexBox
    • Compilation
      • autoprefixer
      • postcss
      • purgecss
  • SCSS
    • Transpilation
      • Sasslib

• Bundler:

  • Webpack 4
    • more about the basic Webpack configuration I've created and utilized for this project

• 3rd party libraries import:

  • Materialize CSS
    • only JS and SCSS components required for this project are included into the final bundle
    • the bundle size is optimized with purgecss according to a white list filter
  • Materialize Alerts SCSS component
    • a Materialize-css add-on that I've coded for this project

• Deployement:

  • netlify
  • https://form-demo.netlify.com

• Software:

  • VScode
  • Node.js
  • Git