Technologies: Javascript, jQuery, and few ES6 instructions + babel to keep compalibility with vanilla JS.
File structure:
- css (simple CSS files - no reason to make SASS this time)
- images
- js (custom js for this project)
- js_ext (js from external providers)
- json
- index.html
- npm install
- gulp
- gulp concatenates all CSS files and makes copy to dist folder
- makes similar operations with JS and lauch babel plugin to keep compatibility with vanillaJS
- copy all images and JSON to dist folder
- cd dist
- http-server
http://example2.techduinn.com/
- Most components (header, filters, footer, checkboxex) in this prototype are separated for HTML and logic - it is easy to add additional modules or move all to modern framework (such as React.js or Vue.js)
- add SASS compilation formula to bower and start using SASS
- add js and CSS uglification
- move everything to React.js to better scalability (routing, etc)