{"id":15184510,"url":"https://github.com/fountainjs/generator-fountain-webapp","last_synced_at":"2025-10-01T23:30:42.787Z","repository":{"id":52239543,"uuid":"47879804","full_name":"FountainJS/generator-fountain-webapp","owner":"FountainJS","description":"Yeoman 'fountain' generator to start a webapp","archived":true,"fork":false,"pushed_at":"2019-02-27T09:32:11.000Z","size":299,"stargazers_count":963,"open_issues_count":74,"forks_count":67,"subscribers_count":42,"default_branch":"master","last_synced_at":"2025-01-08T23:11:40.266Z","etag":null,"topics":["angular","angular2","bower","browsersync","eslint","gulp","karma","react","systemjs","vuejs2","webapp","webpack2","yeoman","yeoman-generator"],"latest_commit_sha":null,"homepage":"http://fountainjs.io","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/FountainJS.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-12-12T13:45:47.000Z","updated_at":"2024-09-10T15:01:01.000Z","dependencies_parsed_at":"2022-08-26T05:50:42.905Z","dependency_job_id":null,"html_url":"https://github.com/FountainJS/generator-fountain-webapp","commit_stats":null,"previous_names":[],"tags_count":21,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FountainJS%2Fgenerator-fountain-webapp","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FountainJS%2Fgenerator-fountain-webapp/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FountainJS%2Fgenerator-fountain-webapp/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FountainJS%2Fgenerator-fountain-webapp/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/FountainJS","download_url":"https://codeload.github.com/FountainJS/generator-fountain-webapp/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":234909086,"owners_count":18905504,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","angular2","bower","browsersync","eslint","gulp","karma","react","systemjs","vuejs2","webapp","webpack2","yeoman","yeoman-generator"],"created_at":"2024-09-27T17:03:47.648Z","updated_at":"2025-10-01T23:30:37.524Z","avatar_url":"https://github.com/FountainJS.png","language":"JavaScript","funding_links":["https://opencollective.com/fountainjs"],"categories":[],"sub_categories":[],"readme":"# :warning: Unmaintained\n\nThis project has been **archived** and is considered **outdated** and **unmaintained**.\n\nWith the massive rise of the CLI tools by each major JavaScript Web frameworks, it was become irrelevant to pursue the quest of being a competitive project scaffolder for modern Web project.\n\nWe officialy advise to use the coresponding CLI tools for the framework you use:\n\n- [create-react-app](https://github.com/facebook/create-react-app) for [React](https://reactjs.org/)\n- [Vue CLI](https://cli.vuejs.org/) for [Vue.js](https://vuejs.org/)\n- [Angular CLI](https://cli.angular.io/) for [Angular](https://angular.io/)\n\nOf course, we have some regrets regarding our users, Yeoman users and some goals we had with Fountain (like giving important tool choices to users, harmonizing projects configurations between frameworks...) but still, you can use official CLI tools with confidence as they are great project which went further for development experience and Web optimization.\n\n# Fountain Webapp Generator\n[![Build Status](https://travis-ci.org/FountainJS/generator-fountain-webapp.svg?branch=master)](https://travis-ci.org/FountainJS/generator-fountain-webapp)\n[![codecov](https://codecov.io/gh/FountainJS/generator-fountain-webapp/branch/master/graph/badge.svg)](https://codecov.io/gh/FountainJS/generator-fountain-webapp)\n[![Slack](http://slackin.fountainjs.io/badge.svg)](http://slackin.fountainjs.io/)\n[![OpenCollective Backers][backer-badge]][backer-url]\n[![OpenCollective Sponsors][sponsor-badge]][sponsor-url]\n\n\u003e This Yeoman generator allows you to start any Webapp with the best Developer Experience out of the box!\n\n\u003e No matter what framework or module management you want to use, we got you covered with a cutting edge working configuration.\n\n\u003e We use [Gulp 4](http://gulpjs.com/) as a task manager but we'll ask you questions about:\n- Framework: React, Angular 2, Angular 1, Vue 2\n- Modules management: Webpack, SystemJS, none\n- JS preprocessor: Babel, TypeScript, none\n- CSS preprocessor: Sass, Stylus, Less, none\n\nThis generator is the entry point of the Yeoman Fountain generators for webapps. It can be considered as the v2 of [generator-gulp-angular](https://github.com/Swiip/generator-gulp-angular).\n\n## Generator Fountain Webapp structure\n\nTo take profit of the best of the Yeoman infrastructure, we heavily relies on the composability natures of the generators.\n\nThereby, each needs of your future application will be addressed by a dedicated Yeoman generator (each will be used depending of the options you selected or not).\n\nMore informations in [DESIGN.md](http://fountainjs.io/doc/design).\n\n\n### Web framework layer\nThis generators can be used directly to bypass the framework question.\n\n[![React](http://fountainjs.io/assets/imgs/react.png)](https://github.com/FountainJS/generator-fountain-react)\n[![Angular 1](http://fountainjs.io/assets/imgs/angular1.png)](https://github.com/FountainJS/generator-fountain-angular1)\n[![Angular 2](http://fountainjs.io/assets/imgs/angular2.png)](https://github.com/FountainJS/generator-fountain-angular2)\n[![Vue 2](http://fountainjs.io/assets/imgs/vue.png)](https://github.com/FountainJS/generator-fountain-vue)\n\n### Web tooling layer\n[![Gulp](http://fountainjs.io/assets/imgs/gulp.png)](https://github.com/FountainJS/generator-fountain-gulp)\n[![ESLint](http://fountainjs.io/assets/imgs/eslint.png)](https://github.com/FountainJS/generator-fountain-eslint)\n[![BrowserSync](http://fountainjs.io/assets/imgs/browsersync.png)](https://github.com/FountainJS/generator-fountain-browsersync)\n[![Karma](http://fountainjs.io/assets/imgs/karma.png)](https://github.com/FountainJS/generator-fountain-karma)\n\n### Module management layer\n[![Webpack](http://fountainjs.io/assets/imgs/webpack.png)](https://github.com/FountainJS/generator-fountain-webpack)\n[![SystemJS](http://fountainjs.io/assets/imgs/systemjs.png)](https://github.com/FountainJS/generator-fountain-systemjs)\n[![Bower](http://fountainjs.io/assets/imgs/bower.png)](https://github.com/FountainJS/generator-fountain-inject)\n\n\n### Usage\n\n### Requirement Node 6+ \u0026\u0026 NPM 3+\nThis generator is targeted to be used with Node \u003e= 6.0.0 and NPM =\u003e 3.0.0. You can check your version number with the command\n```\nnode --version \u0026\u0026 npm --version\n```\n\n### Install\n\n##### Install required tools `yo`:\n```\nnpm install -g yo\n```\n\n##### Install `generator-fountain-webapp`:\n```\nnpm install -g generator-fountain-webapp\n```\n\n\n### Run\n\n##### Create a new directory, and go into:\n```\nmkdir my-new-project \u0026\u0026 cd my-new-project\n```\n\n##### Run `yo fountain-webapp`, and select desired technologies:\n```\nyo fountain-webapp\n```\n#### Use NPM scripts\n\n- `npm run build` to build an optimized version of your application in /dist\n- `npm run serve` to launch a browser sync server on your source files\n- `npm run serve:dist` to launch a server on your optimized application\n- `npm run test` to launch your unit tests with Karma\n- `npm run test:auto` to launch your unit tests with Karma in watch mode\n\n\n#### Or Gulp tasks\n\nIf you have [`gulp-cli`](https://www.npmjs.com/package/gulp-cli) installed in global packages you can use equivalent:\n\n- `gulp` or `gulp build`\n- `gulp serve`\n- `gulp serve:dist`\n- `gulp test`\n- `gulp test:auto`\n\n**If you don't have [`gulp-cli`](https://www.npmjs.com/package/gulp-cli) installed in global, you should have this error:**\n\u003e /usr/local/lib/node_modules/gulp/bin/gulp.js:121\n    gulpInst.start.apply(gulpInst, toRun);\nTypeError: Cannot read property 'apply' of undefined\n\n### Sub-generators\n\nIf you want to access sub-generators, you have to globally install one of the following generators:\n- [generator-fountain-react](https://github.com/FountainJS/generator-fountain-react)\n- [generator-fountain-angular2](https://github.com/FountainJS/generator-fountain-angular2)\n- [generator-fountain-angular1](https://github.com/FountainJS/generator-fountain-angular1)\n- [generator-fountain-vue](https://github.com/FountainJS/generator-fountain-vue)\n\n### [Start development](http://fountainjs.io/doc/usage/#use-npm-scripts)\n\n***\n\n## Backers\n\nSupport us with a monthly donation and help us continue our activities.\n\n[![Backers][backers-image]][support-url]\n\n## Sponsors\n\nBecome a sponsor and get your logo on our website fountainjs.io and on our README on Github with a link to your site.\n\n[![Sponsors][sponsors-image]][support-url]\n\n## [Changelog](https://github.com/FountainJS/generator-fountain-webapp/releases)\n\n\n## [Contributing](http://fountainjs.io/doc/contributing)\n\n[backer-url]: #backers\n[backer-badge]: https://opencollective.com/fountainjs/backers/badge.svg?color=blue\n[sponsor-url]: #sponsors\n[sponsor-badge]: https://opencollective.com/fountainjs/sponsors/badge.svg?color=blue\n[support-url]: https://opencollective.com/fountainjs#support\n[backers-image]: https://opencollective.com/fountainjs/backers.svg\n[sponsors-image]: https://opencollective.com/fountainjs/sponsors.svg\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffountainjs%2Fgenerator-fountain-webapp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffountainjs%2Fgenerator-fountain-webapp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffountainjs%2Fgenerator-fountain-webapp/lists"}