updated readme and refactored installDependencies

Author: AlokTakshak

README.md

@@ -2,6 +2,41 @@
 
 Create React Application with all standard practices, with easy formats known to users, so that users can easily modify the various config files.
 
+## Creating an App
+
+### npm
+
+```
+npm create-react-webpack demo-app
+```
+
+it will create a directory `demo-app` in the current folder, with below file footprint.
+
+```
+demo-app
+├── README.md
+├── node_modules
+├── package.json
+├── .gitignore
+├── .babelrc
+├── .eslintrc.json
+├── .eslintignore
+├── .prettierrc
+├── .prettierignore
+├── public
+│   ├── favicon.ico
+│   ├── index.html
+│   └── manifest.json
+└── src
+│   ├── App.css
+│   ├── App.js
+│   ├── App.spec.js
+│   └── index.js
+├── webpack.config.base.js
+├── webpack.config.dev.js
+└── webpack.config.prod.js
+```
+
 ## Available Scripts
 
 After creating project directory you can run following scripts:-

scripts/constants.js

@@ -1,6 +1,12 @@
 const path = require("path");
+const CLEAN_NPM_CACHE = "npm cache clean  --force";
 const SPECIALCHAR = RegExp("/[!@#$%^&*()-=_,.?~:;\\{}|<>]/g");
 const UNNECESSORYFOLDERS = RegExp("^node_modules|build|dist$", "i");
 const TEMPLATE_PATH = path.join(__dirname, "../template");
 
-module.exports = { SPECIALCHAR, TEMPLATE_PATH, UNNECESSORYFOLDERS };
+module.exports = {
+  CLEAN_NPM_CACHE,
+  SPECIALCHAR,
+  TEMPLATE_PATH,
+  UNNECESSORYFOLDERS
+};

scripts/create.js

@@ -1,6 +1,6 @@
 const path = require("path");
 const { copyDirectory, ErrorMessage, SuccessMessage } = require("./helper");
-const { SPECIALCHAR, TEMPLATE_PATH } = require("./constants");
+const { CLEAN_NPM_CACHE, SPECIALCHAR, TEMPLATE_PATH } = require("./constants");
 const {
   installDependencies,
   getDependencies,
@@ -28,6 +28,7 @@ if (dirName[0].match("^[A-Z0-9]")) {
   let commands = [],
     options;
 
+  commands.push(CLEAN_NPM_CACHE);
   commands.push(getDependencies());
   commands.push(getDevDependencies());
   options = { cwd: destination, stdio: "inherit" };

scripts/dependencies.js

@@ -1,5 +1,4 @@
 const child_process = require("child_process");
-const { SuccessMessage } = require("./helper");
 
 const DEPENDENCIES = ["prop-types", "react", "react-dom", "react-hot-loader"];
 const DEV_DEPENDENCIES = [
@@ -58,13 +57,10 @@ function getDevDependencies() {
  */
 function installDependencies(commands, options) {
   options.stdio = options.stdio || "inherit";
-  //cleaning the npm cache
-  child_process.execSync("npm cache clean  --force", options);
 
   if (commands) {
     try {
       commands.forEach(command => {
-        console.log(SuccessMessage(command));
         child_process.execSync(command, options);
       });
     } catch (error) {