diff --git a/index.js b/index.js
index dcbabf4..efc4693 100644
--- a/index.js
+++ b/index.js
@@ -5,7 +5,57 @@ import { fileURLToPath } from 'url';
 import { actions } from './src/actions.js';
 import { mkdir } from './src/utils.js';
 
-const PROJECTS = [
+// const PROJECTS = [
+//   {
+//     name: 'Typescript',
+//     value: 'typescript',
+//     description: '[ TS starter template ]',
+//   },
+//   {
+//     name: 'Javascript',
+//     value: 'javascript',
+//     description: '[ JS starter template ]',
+//   },
+// ];
+
+// async function main() {
+//   const CURRENT_DIRECTORY = process.cwd();
+//   const __dirname = dirname(fileURLToPath(import.meta.url));
+//   actions.intro();
+//   //
+//   const projectName = await input({ message: 'Name your project:' });
+//   const selectedTemplate = await select({
+//     message: 'Select your template',
+//     choices: PROJECTS,
+//   });
+//   const templatePath = `${__dirname}/src/templates/${selectedTemplate}`;
+//   mkdir(`${CURRENT_DIRECTORY}/${projectName}`);
+
+//   actions.createResources(templatePath, projectName);
+
+//   //
+//   const installDependencies = await confirm({
+//     message: 'Install dependencies ?',
+//   });
+
+//   if (installDependencies) {
+//     actions.installDependencies(projectName);
+//   }
+
+//   const initRepo = await confirm({
+//     message: 'Initialize repository ?',
+//   });
+
+//   if (initRepo) {
+//     actions.initRepo(projectName);
+//   }
+
+//   actions.outro(projectName);
+// }
+
+// lang/bundler/output
+
+const stacks = [
   {
     name: 'Typescript',
     value: 'typescript',
@@ -17,21 +67,157 @@ const PROJECTS = [
     description: '[ JS starter template ]',
   },
 ];
+const bundlers = [
+  {
+    name: 'Vite',
+    value: 'vite',
+    description: '',
+  },
+  {
+    name: 'Webpack',
+    value: 'webpack',
+    description: '',
+  },
+  {
+    name: 'Parcel',
+    value: 'parcel',
+    description: '',
+  },
+];
+const platforms = [
+  {
+    name: 'web-app',
+    value: 'web',
+    description: '[ JS app ]',
+  },
+  {
+    name: 'pwa-app',
+    value: 'pwa',
+    description: '[ Web app with manifest.json ]',
+  },
+  {
+    name: 'mobile-app',
+    value: 'mobile',
+    description: '[ with Capacitor ]',
+  },
+  {
+    name: 'desktop-app',
+    value: 'desktop',
+    description: '[ with Electron ]',
+  },
+];
+const cli = {
+  javascript: {
+    vite: {
+      web: {
+        repo: 'js-vite-web',
+      },
+      pwa: {
+        repo: 'js-vite-pwa',
+      },
+      mobile: {
+        repo: 'js-vite-capacitor',
+      },
+      os: {
+        repo: 'js-vite-electron',
+      },
+    },
+    webpack: {
+      web: {
+        repo: 'js-webpack-web',
+      },
+      pwa: {
+        repo: 'js-webpack-pwa',
+      },
+      mobile: {
+        repo: 'js-webpack-mobile',
+      },
+      os: {
+        repo: 'js-webpack-electron',
+      },
+    },
+    parcel: {
+      web: {
+        repo: 'js-parcel-web',
+      },
+      pwa: {
+        repo: 'js-parcel-pwa',
+      },
+      mobile: {
+        repo: 'js-parcel-mobile',
+      },
+      os: {
+        repo: 'js-parcel-capacitor',
+      },
+    },
+  },
+  typescript: {
+    vite: {
+      web: {
+        repo: 'ts-vite-web',
+      },
+      pwa: {
+        repo: 'ts-vite-pwa',
+      },
+      mobile: {
+        repo: 'ts-vite-capacitor',
+      },
+      os: {
+        repo: 'ts-vite-electron',
+      },
+    },
+    webpack: {
+      web: {
+        repo: 'ts-webpack-web',
+      },
+      pwa: {
+        repo: 'ts-webpack-pwa',
+      },
+      mobile: {
+        repo: 'ts-webpack-mobile',
+      },
+      os: {
+        repo: 'ts-webpack-electron',
+      },
+    },
+    parcel: {
+      web: {
+        repo: 'ts-parcel-web',
+      },
+      pwa: {
+        repo: 'ts-parcel-pwa',
+      },
+      mobile: {
+        repo: 'ts-parcel-mobile',
+      },
+      os: {
+        repo: 'ts-parcel-capacitor',
+      },
+    },
+  },
+};
 
 async function main() {
-  const CURRENT_DIRECTORY = process.cwd();
-  const __dirname = dirname(fileURLToPath(import.meta.url));
   actions.intro();
   //
   const projectName = await input({ message: 'Name your project:' });
-  const selectedTemplate = await select({
-    message: 'Select your template',
-    choices: PROJECTS,
+  const stack = await select({
+    message: 'Select your stack',
+    choices: stacks,
+  });
+  const bundler = await select({
+    message: 'Select your bundler',
+    choices: bundlers,
   });
-  const templatePath = `${__dirname}/src/templates/${selectedTemplate}`;
-  mkdir(`${CURRENT_DIRECTORY}/${projectName}`);
+  const platform = await select({
+    message: 'Whick platform do u want to target',
+    choices: platforms,
+  });
+
+  const repo = cli[stack][bundler][platform].repo;
+  console.log(repo);
 
-  actions.createResources(templatePath, projectName);
+  // clone_repo()
 
   //
   const installDependencies = await confirm({
@@ -39,7 +225,8 @@ async function main() {
   });
 
   if (installDependencies) {
-    actions.installDependencies(projectName);
+    // actions.installDependencies(projectName);
+    console.log('installed');
   }
 
   const initRepo = await confirm({
@@ -47,9 +234,9 @@ async function main() {
   });
 
   if (initRepo) {
-    actions.initRepo(projectName);
+    // actions.initRepo(projectName);
+    console.log('initialized');
   }
-
   actions.outro(projectName);
 }