Documentation

This guide will help you get started with Hospital Management! All the important stuff – compiling the source, file structure, build tools, file includes – is documented here, but should you have any questions, always feel free to reach out to OwnIT

If you really like our work, design, performance and support then please don't forgot to rate us on Themeforest,
it really motivate us to provide something better.

Please Note :

- All images are just used for Preview Purpose Only. They are not part of the template and NOT included in the final purchase files.

To get started, you need to do the following:

1. Installing Grunt: Run npm install grunt --save-dev command from your teminal to install grunt within your project.
2. Grunt Sass: Run grunt sass command from your project directory. It will compile SASS to CSS for the project. This will read the file `scss/filename.scss` and output a plain-css file to `dist/assets/css/filename.css`.
3. Grunt JSHint: Run grunt jshint command from your project directory. It will checks all *.js files under `assetsjs/filename` for common syntax or coding errors using the JSHint utility.
4. Grunt Sprite: Run grunt sprite command from your project directory.
5. Further help: To get more help on the grunt checkout Grunt
6. Note: However, any SASS code you write must be able compile via Grunt as well.It will generate pre-compiled javascript templates. Reads all the *.html files from `assets/js/filename` and outputs `assets/js/filename.templates.js`. Template.js will contains code of UI design and will be change each time you build solution through above command.

Grunt is a JavaScript task runner, a tool used to automatically perform frequent tasks such as minification, compilation, unit testing, and linting. It uses a command-line interface to run custom tasks defined in a file.

• dist - Generated production files
  • assets
    • bundles - Bundling plugins JS file
    • css - Compiled CSS
    • fonts - Icon font and font awesome
    • images - Image assets
    • plugin - plugins JS and css file
  • ui-elements- Ui-Elements using Customized app
    • Index.html - All Html file like Authentication,UI Components,Changelog etc...
  • Index.html- Hospital Management Html Template
• documentation - Project documentation
  • assets
    • css - Compiled CSS file
    • fonts - Icon font and font awesome
    • images - Image assets
    • js - Compiled JS file
    • plugin - plugins JS and css file
  • index.html - well project document
• js - Javascript source
  • page - Page js file
  • template - Common js file
• node_modules - NPM dependencies (by default the folder is not included) npm installs dependencies.
• scss - SCSS source for theme
  • bootstrap - Custom bootstrap components
  • generic - Animation, Helpers class
  • global - variables, themes, mixins
  • plugin - all plugin scss file
  • skeleton - layout separate file
  • widgets - All widgets file
  • main.scss - Project main scss file
• Gruntfile.js - All the build commands
• package.json - List of dependencies and npm information
• .gitignore - Hide all unnecessary files from Git

• Very easy access to any starters components and core settings from anywhere in the template.
• Intuitive clear architecture.
• Avoiding the probabilities of conflicts between Front codes and third party plugins (libraries).
• Creation of wrapper components simply solves complicated initializations structures for the users.
• Everything is structured, each component in its own file and in its component in the main object.
• The ability of extending functionality without affecting the behavior of the core object and not changing the existing functionality.