version 1.0.6

Author: deepumandal

index.ts

@@ -1,3 +1,3 @@
 #!/usr/bin/env node
 import scriptsRunner from "./source/scripts";
-scriptsRunner();
+scriptsRunner()

package-lock.json

@@ -10,15 +10,14 @@
     "clear": "^0.1.0",
     "enquirer": "^2.4.1",
     "fs-extra": "^11.2.0",
-    "shelljs": "^0.8.5"
+    "shelljs": "^0.8.5",
+    "ts-node": "^10.9.2"
   },
   "name": "web-app-init",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "This is officially designed to install templates based on latest web technology!",
   "main": "index.js",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
+ 
   "repository": {
     "type": "git",
     "url": "git+https://github.com/Deepumandal/react-webpack-configuration.git"
@@ -39,6 +38,6 @@
   },
   "homepage": "https://github.com/Deepumandal/react-webpack-configuration#readme",
   "bin": {
-    "web-app-init": "index.js"
+    "web-app-init": "./index.js"
   }
 }

package.json

@@ -13,13 +13,16 @@
     "start:live": "webpack serve --open --mode development --live-reload --hot"
   },
   "devDependencies": {
+    "@babel/core": "^7.23.7",
     "@babel/preset-env": "^7.15.8",
     "@babel/preset-react": "^7.14.5",
     "@types/react": "^17.0.2",
     "@types/react-dom": "^18.2.18",
     "babel-loader": "^8.2.2",
     "css-loader": "^6.3.0",
+    "file-loader": "^6.2.0",
     "html-webpack-plugin": "^5.3.2",
+    "sass-loader": "^14.0.0",
     "style-loader": "^3.3.0"
   },
   "dependencies": {
@@ -28,9 +31,9 @@
     "@emotion/styled": "^11.11.0",
     "dotenv": "^16.3.1",
     "framer-motion": "^10.18.0",
-    "process": "^0.11.10",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "sass": "^1.70.0",
     "webpack": "^5.57.1",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^4.3.1"

templates/javascript+webpack+react+chakraui/package.json

@@ -1,19 +1,47 @@
 import React from "react";
-import { Box, Heading } from "@chakra-ui/react";
-
+import "./app.css";
 const App = () => {
   return (
-    <Box
-      sx={{
-        width: "100vw",
-        height: "50vh",
-        display: "flex",
-        justifyContent: "center",
-        alignItems: "center",
-      }}
-    >
-      <Heading>Hello client</Heading>
-    </Box>
+    <div className="container">
+      <header className="header">
+        <h1 className="title">Your Web App</h1>
+        <p>
+          Generate beautiful templates with ease using{" "}
+          <code>npx web-app-init</code>
+        </p>
+      </header>
+      <main className="main">
+        <section className="get-started">
+          <h2 className="section-title ">Get Started</h2>
+          <p>Follow these simple steps to create your project:</p>
+          <pre className="code-block ">
+            <code>npx web-app-init</code>
+          </pre>
+        </section>
+        <div className="links-container">
+          <a
+            className="link"
+            href="https://github.com/deepumandal/react-webpack-configuration"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            GitHub Repository
+          </a>
+          <a
+            className="link"
+            href="https://www.npmjs.com/package/web-app-init"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            npm Package
+          </a>
+        </div>
+      </main>
+
+      <footer className="footer">
+        <p>Created with ❤️ by Deepak</p>
+      </footer>
+    </div>
   );
 };