-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
simple-vuejs-app
Simple Application with Basic VueJs setup and demonstrating use of components and communication between them
#!/usr/bin/env node import inquirer from 'inquirer'; import * as child from 'node:child_process' inquirer .prompt([ { type:'list', message:'what is your project', name:'framework', choices: ['angular','react','vue','svelte','preact','django'] } ]) .then((answers) => { if (answers.framework === 'angular' ){ child.exec(`git clone https://github.com/subhodi/angular-simple-app.git`) console.log("now install the angular cli with") console.log("npm i @angular/cli") } if (answers.framework === 'react' ){ child.exec(`git clone https://github.com/imcycle/simple-react-app.git`) console.log("now install react with") console.log("npm -i react") } if (answers.framework === 'vue' ){ child.exec(`git clone https://github.com/aditya-sridhar/simple-vuejs-app.git`) console.log("now install vue with") console.log("npm -i vue") } if (answers.framework === 'svelte' ){ child.exec(`npm create svelte@latest myapp`) console.log("here is the app") } if (answers.framework === 'preact' ){ child.exec(`git clone https://github.com/github/codespaces-preact.git`) console.log("now install preact with") console.log("npm -i preact") } if(answers.framework === 'django'){ console.log("why are you doing this in a js cli") console.log("you must learn js") console.log("then your project won't be slower than turtles") console.log("javascript.com") } })
#!/usr/bin/env node import inquirer from 'inquirer'; import * as child from 'node:child_process' inquirer .prompt([ { type:'list', message:'what is your project', name:'framework', choices: ['angular','react','vue','svelte','preact','django'] } ]) .then((answers) => { if (answers.framework === 'angular' ){ child.exec(`git clone https://github.com/subhodi/angular-simple-app.git`) console.log("now install the angular cli with") console.log("npm i @angular/cli") } if (answers.framework === 'react' ){ child.exec(`git clone https://github.com/imcycle/simple-react-app.git`) console.log("now install react with") console.log("npm -i react") } if (answers.framework === 'vue' ){ child.exec(`git clone https://github.com/aditya-sridhar/simple-vuejs-app.git`) console.log("now install vue with") console.log("npm -i vue") } if (answers.framework === 'svelte' ){ child.exec(`npm create svelte@latest myapp`) console.log("here is the app") } if (answers.framework === 'preact' ){ child.exec(`git clone https://github.com/github/codespaces-preact.git`) console.log("now install preact with") console.log("npm -i preact") } if(answers.framework === 'django'){ console.log("why are you doing this in a js cli") console.log("you must learn js") console.log("then your project won't be slower than turtles") console.log("javascript.com") } })
#!/usr/bin/env node import inquirer from 'inquirer'; import * as child from 'node:child_process' inquirer .prompt([ { type:'list', message:'what is your project', name:'framework', choices: ['angular','react','vue','svelte','preact','django'] } ]) .then((answers) => { if (answers.framework === 'angular' ){ child.exec(`git clone https://github.com/subhodi/angular-simple-app.git`) console.log("now install the angular cli with") console.log("npm i @angular/cli") } if (answers.framework === 'react' ){ child.exec(`git clone https://github.com/imcycle/simple-react-app.git`) console.log("now install react with") console.log("npm -i react") } if (answers.framework === 'vue' ){ child.exec(`git clone https://github.com/aditya-sridhar/simple-vuejs-app.git`) console.log("now install vue with") console.log("npm -i vue") } if (answers.framework === 'svelte' ){ child.exec(`npm create svelte@latest myapp`) console.log("here is the app") } if (answers.framework === 'preact' ){ child.exec(`git clone https://github.com/github/codespaces-preact.git`) console.log("now install preact with") console.log("npm -i preact") } if(answers.framework === 'django'){ console.log("why are you doing this in a js cli") console.log("you must learn js") console.log("then your project won't be slower than turtles") console.log("javascript.com") } })
#!/usr/bin/env node import inquirer from 'inquirer'; import * as child from 'node:child_process' inquirer .prompt([ { type:'list', message:'what is your project', name:'framework', choices: ['angular','react','vue','svelte','preact','django'] } ]) .then((answers) => { if (answers.framework === 'angular' ){ child.exec(`git clone https://github.com/subhodi/angular-simple-app.git`) console.log("now install the angular cli with") console.log("npm i @angular/cli") } if (answers.framework === 'react' ){ child.exec(`git clone https://github.com/imcycle/simple-react-app.git`) console.log("now install react with") console.log("npm -i react") } if (answers.framework === 'vue' ){ child.exec(`git clone https://github.com/aditya-sridhar/simple-vuejs-app.git`) console.log("now install vue with") console.log("npm -i vue") } if (answers.framework === 'svelte' ){ child.exec(`npm create svelte@latest myapp`) console.log("here is the app") } if (answers.framework === 'preact' ){ child.exec(`git clone https://github.com/github/codespaces-preact.git`) console.log("now install preact with") console.log("npm -i preact") } if(answers.framework === 'django'){ console.log("why are you doing this in a js cli") console.log("you must learn js") console.log("then your project won't be slower than turtles") console.log("javascript.com") } })