Project Structure

Folder / File name Description
Docs Folder contains file with link to this documentation.
PSD Folder contains PSD file with Unishop design mockups.
Unishop Folder contains all template source and production files.
Unishop / src This folder holds all template source files like .pug, .scss, .js that are then processed (compiled / minified) to dist folder.
Unishop / dist Folder contains all template distribution files like .html, .css, .js that have been processed (compiled / minified) from src folder using Node.js and Grunt.
Unishop / package.json File contains meta data about your app or module. Most importantly, it includes the list of dependencies to install from npm when running npm install.
Unishop / gruntfile.js Configuration file for Grunt library. It contains all tasks you want to perform with Grunt. Learn more about it from Working with Grunt section or official Grunt documentation.
Note: if you do not use Pro Front-End setup with Node.js and Grunt and want directly edit html / css / js files you should be looking in dist folder.

Whether you work with Node.js and Grunt or not you can still take advantage of preprocessors for HTML and CSS. In this case you might want to learn how to use Pug and Sass.