{"id":16012514,"url":"https://github.com/pinkyjie/angular1-webpack-starter","last_synced_at":"2025-06-14T08:35:17.561Z","repository":{"id":57179484,"uuid":"44107444","full_name":"PinkyJie/angular1-webpack-starter","owner":"PinkyJie","description":"Component based Angular(1.x) web development with Webpack and ES6.","archived":false,"fork":false,"pushed_at":"2018-06-10T12:07:59.000Z","size":4555,"stargazers_count":141,"open_issues_count":5,"forks_count":39,"subscribers_count":8,"default_branch":"master","last_synced_at":"2024-10-15T14:33:27.578Z","etag":null,"topics":["angular","e2e-tests","es6","material-design","sauce-labs","travis","unit-test","webpack"],"latest_commit_sha":null,"homepage":"","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/PinkyJie.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-10-12T12:57:00.000Z","updated_at":"2023-10-02T06:02:30.000Z","dependencies_parsed_at":"2022-09-14T02:10:30.750Z","dependency_job_id":null,"html_url":"https://github.com/PinkyJie/angular1-webpack-starter","commit_stats":null,"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PinkyJie%2Fangular1-webpack-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PinkyJie%2Fangular1-webpack-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PinkyJie%2Fangular1-webpack-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PinkyJie%2Fangular1-webpack-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/PinkyJie","download_url":"https://codeload.github.com/PinkyJie/angular1-webpack-starter/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":221661149,"owners_count":16859489,"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","e2e-tests","es6","material-design","sauce-labs","travis","unit-test","webpack"],"created_at":"2024-10-08T14:03:48.791Z","updated_at":"2024-10-27T10:11:19.961Z","avatar_url":"https://github.com/PinkyJie.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# angular1-webpack-starter\n[![Travis](https://img.shields.io/travis/PinkyJie/angular1-webpack-starter.svg?style=flat-square)](https://travis-ci.org/PinkyJie/angular1-webpack-starter)\n[![Codecov](https://img.shields.io/codecov/c/github/PinkyJie/angular1-webpack-starter.svg?style=flat-square)](https://codecov.io/github/PinkyJie/angular1-webpack-starter)\n[![David](https://img.shields.io/david/PinkyJie/angular1-webpack-starter.svg?style=flat-square)](https://david-dm.org/pinkyjie/angular1-webpack-starter#info=dependencies\u0026view=table)\n[![David](https://img.shields.io/david/dev/PinkyJie/angular1-webpack-starter.svg?style=flat-square)](https://david-dm.org/pinkyjie/angular1-webpack-starter#info=devDependencies\u0026view=table)\n[![node](https://img.shields.io/node/v/angular1-webpack-starter.svg?style=flat-square)](https://nodejs.org)\n[![npm](https://img.shields.io/npm/v/angular1-webpack-starter.svg?style=flat-square)](https://www.npmjs.com/package/angular1-webpack-starter)\n\nA starter project using Angular 1.x with Webpack. A Webpack + ES6 re-implementation of the  [generator-aio-angular](https://github.com/PinkyJie/generator-aio-angular) project.\n\nStill wanna use **Gulp + ES5**? Check the [generator-aio-angular](https://github.com/PinkyJie/generator-aio-angular) project.\n\n\u003e Pure front-end implementation, all API interaction are mocked using [angular-mocks](https://docs.angularjs.org/api/ngMock).\n\n## Preview\n\nCheck out the [demo site](http://pinkyjie.com/angular1-webpack-starter/#/).\n\n\u003e The dome site is a pure front-end implementation, so you can use any email/password to login, see [mock file](source/test/e2e/mocks/e2e.user.js) for detail. It is hosted on Github pages, no back-end support, so we use `#` style URL.\n\n## Features\n\n* ES6\n* Component based structure proposed in https://github.com/fouber/blog/issues/10\n* Lazy load resources(js/css/images/templates...) for each page\n* Material Design using [MaterializeCSS](http://materializecss.com/)\n* Flex Layout\n* Responsive Design\n   * Support multiple devices with different screen size.\n   * Easy responsive implementation, very convenient to support small screen devices. (see [responsive.styl](source/app/components/_common/styles/responsive.styl))\n* Animation\n   * Using [animate.css](https://daneden.github.io/animate.css/).\n   * All the animation defined by `animate.css` can be used directly as keyframe animation. (see [animation.styl](source/app/components/_common/styles/animation.styl))\n* More understandable router design\n* Easy implementation for Sidebar Navigation and Breadcrumb\n\n## Get Started\n\n```bash\ngit clone https://github.com/PinkyJie/angular1-webpack-starter.git\ncd angular1-webpack-starter\nnpm install\nnpm start\n```\n\nThen open your browser with URL `http://localhost:8080/webpack-dev-server/`.\n\n## Tests\n\n* Unit Test: `npm test`\n* Unit Test with auto watch: `npm run test:watch`\n* E2E Test: `npm run e2e`\n    * run `npm run webdriver-update` first\n    * make sure a local mock server is running\n\nCheck the [Unit test coverage report](http://pinkyjie.com/angular1-webpack-starter/coverage).\n\nCheck the E2E test report: [![Sauce Test Status](https://saucelabs.com/buildstatus/sd4399340)](https://saucelabs.com/u/sd4399340)\n\n[![Sauce Test Status](https://saucelabs.com/browser-matrix/sd4399340.svg)](https://saucelabs.com/u/sd4399340)\n\n\n## Building\n\n```bash\nnpm run build\n```\nThe optimized files will be generated in `build` folder.\n\n## CI\nProudly use [Travis](https://travis-ci.org/) to do Continuous Integration. \n\nEvery push will trigger a build on Travis, it will automatically: \n- run unit test.\n- run build script, deploy website and test coverage report to Github pages.\n- run E2E test on different browsers using [Sauce Labs](https://saucelabs.com). \n\nCheck [.travis.yml](.travis.yml) and [publish-to-gh-pages.sh](publish-to-gh-pages.sh) for detail implementation.\n\nCheck [Travis build log](https://travis-ci.org/PinkyJie/angular1-webpack-starter) for build results.\n\n## Blog series\n\nhttp://pinkyjie.com/tags/angular1-webpack-starter/\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpinkyjie%2Fangular1-webpack-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpinkyjie%2Fangular1-webpack-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpinkyjie%2Fangular1-webpack-starter/lists"}