File Structure

HTML Folder Structure
  • HTML
    • dist
      • Assets
        • bundles - Bundling plugins JS file
        • css - Compiled CSS
        • fonts - Google Font and Fontawesome
        • img - Image assets
        • js - Javascript source
        • plugin - Third party plugins
      • index.html
      • More HTML pages
    • node_modules ( npm installs dependencies. )
    • scss - SCSS source for theme
      • bootstrap -- Custom bootstrap components
      • generic -- Animation, Helpers class
      • global -- variables, mixins
      • plugin -- all plugin scss file
      • skeleton
      • theme -- core, high-contrast, themes-dark
      • widgets -- widgets
      • main.scss
    • Gruntfile.js
    • package.json
  • Documentation
    • assets
    • index -- Introduction & Setup
    • More HTML Pages - Bootstrap Components
React Folder Structure
  • React
    • node_modules ( npm installs dependencies. )
    • public
    • src - main source code
      • assets -- all assets font,images,scss etc..
      • Component -- Comman Component
      • Redux -- App Functionality
      • Screen -- Page screen
      • App.js
      • App.test.js
      • index.js
      • reportWebVitals.js
      • setupTests.js
      • store.js
    • package.json