{"id":22296775,"url":"https://github.com/webklex/basic_angular_app","last_synced_at":"2025-08-09T14:06:04.865Z","repository":{"id":71427833,"uuid":"49427885","full_name":"Webklex/basic_angular_app","owner":"Webklex","description":"An Angular web app build using angularJS, Gulp \u0026 Bower","archived":false,"fork":false,"pushed_at":"2016-01-15T18:56:45.000Z","size":663,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-25T22:41:23.367Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/Webklex.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":"2016-01-11T13:23:42.000Z","updated_at":"2016-01-11T13:32:20.000Z","dependencies_parsed_at":"2023-03-18T04:31:01.198Z","dependency_job_id":null,"html_url":"https://github.com/Webklex/basic_angular_app","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Webklex/basic_angular_app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Webklex%2Fbasic_angular_app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Webklex%2Fbasic_angular_app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Webklex%2Fbasic_angular_app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Webklex%2Fbasic_angular_app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Webklex","download_url":"https://codeload.github.com/Webklex/basic_angular_app/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Webklex%2Fbasic_angular_app/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":269586128,"owners_count":24442505,"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","status":"online","status_checked_at":"2025-08-09T02:00:10.424Z","response_time":111,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":[],"created_at":"2024-12-03T17:47:34.607Z","updated_at":"2025-08-09T14:06:04.833Z","avatar_url":"https://github.com/Webklex.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Basic angularJS app\nAn angularJS web app build using angularJS, Gulp \u0026amp; Bower\n\n## Demo / compiled app\nLive Demo: http://webklex.github.io/basic_angular_app/dist/\n\nSourcecode Demo: https://github.com/Webklex/basic_angular_app/tree/gh-pages/dist\n\n## Requirements\n  * nodejs\n  * git\n  \n## Setup\n  * $ cd /path/to/repository\n  * $ npm install\n  * $ bower install\n  * $ gulp\n\n## Development\n  Running the development version and do live edits is very simple. Just run \"$ gulp serve\". \n  This will create a virtual webserver which can be used by entering http://localhost:8000. Any changes you do on your application\n  willm be automaticly loaded in that web instance\n  * $ gulp serve\n\n## Building \u0026amp; Production use\n  Building your app is very simple. Your application will be compiled in ./dist/* so all you have to do is copy all the content\n  of ./dist to your www root. E.g.: /var/www/example.com/htdocs/\n  * $ gulp build\n  * $ cp -r ./dist/ /var/www/example.com/htdocs/\n  \n## Included features\n  * [angular](https://github.com/angular): ~1.4.8\n  * [angular-route](https://github.com/angular/bower-angular-route): *\n  * [angular-animate](https://github.com/angular/bower-angular-animate): ~1.4.8\n  * [angular-bootstrap](https://github.com/angular-widgets/angular-bootstrap): ~0.14.3\n  * [angular-local-storage](https://github.com/grevory/angular-local-storage): ~0.2.3\n  * [font-awesome](https://github.com/FortAwesome/Font-Awesome): ~4.5.0\n  * [requirejs](https://github.com/jrburke/requirejs): ~2.1.22\n  * [angular-sanitize](https://github.com/angular/bower-angular-sanitize): ~1.4.8\n  * [bootstrap](https://github.com/twbs/bootstrap): ~3.3.6\n\n##Routing example\nAll your routes are defined in ./src/app/router.js\nAn example route is already defined.\n```\nwhen('/', {\n    templateUrl: 'main.html',\n    controller: 'mainController'\n}).\n```\nWhere the first passed parameter is the URL (in this case \"/\"), the following object passes the arguments. \n```\notherwise({\n    redirectTo: '/'\n}).\n```\nThis the the fallback URL. So any url missmatch will be redirected to \"/\".\nFurther information about angular-routing ca be fount [here](https://github.com/angular/bower-angular-route).\n\n##View management\nAny used view will be stored in ./src/app/views and are automaticaly compiled to a ng-template.\nIf you need an example take a look at the ./src/app/router.js and the ./src/app/views/ folder content.\n\n##Adding new bower compontents\nAdding a new bower components is fairly easy. Just install your component and run either **gulp serve** or **gulp**. The new compontent will be build and added to your application automaticaly.\n\n##Adding custom styles and java scripts\nPlease add all your custom css and js files which are not a angular controler or what so ever in the ./src/template/* folder. The files will be compiled into your application by gulp. So all you need to do is either run **gulp** or have **gulp serve** running.\n\n#The magic ./scr/index.html\nThis is your main file. Inside this file you can define your template. Such as navigation, footer and so on.\nPlease note that the following components should be present at all time:\n```\n\u003c!-- inject:css --\u003e\n\u003c!-- endinject --\u003e\n\n\u003c!-- inject:html --\u003e\n\u003c!-- endinject --\u003e\n\n\u003c!-- inject:js --\u003e\n\u003c!-- endinject --\u003e\n```\nSo what does it do? Inject:css injects all required CSS files and inject:html includes all the html views converted into ng-templates. inject:js is required fo all javascript components. Besides these tags you can edit everything else inside the index.html file.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebklex%2Fbasic_angular_app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwebklex%2Fbasic_angular_app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebklex%2Fbasic_angular_app/lists"}