{"id":16048184,"url":"https://github.com/madhusudhand/angular2-quickstart","last_synced_at":"2026-04-09T23:02:05.255Z","repository":{"id":65457883,"uuid":"53198573","full_name":"madhusudhand/angular2-quickstart","owner":"madhusudhand","description":"Kick start your Angular 2 app super fast","archived":false,"fork":false,"pushed_at":"2016-04-02T13:58:25.000Z","size":31,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-05-28T11:05:35.759Z","etag":null,"topics":[],"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/madhusudhand.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-03-05T11:40:08.000Z","updated_at":"2016-03-18T20:30:55.000Z","dependencies_parsed_at":"2023-01-24T12:45:25.637Z","dependency_job_id":null,"html_url":"https://github.com/madhusudhand/angular2-quickstart","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/madhusudhand/angular2-quickstart","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/madhusudhand%2Fangular2-quickstart","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/madhusudhand%2Fangular2-quickstart/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/madhusudhand%2Fangular2-quickstart/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/madhusudhand%2Fangular2-quickstart/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/madhusudhand","download_url":"https://codeload.github.com/madhusudhand/angular2-quickstart/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/madhusudhand%2Fangular2-quickstart/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265352873,"owners_count":23751928,"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":[],"created_at":"2024-10-09T00:05:08.614Z","updated_at":"2026-04-09T23:02:05.186Z","avatar_url":"https://github.com/madhusudhand.png","language":"JavaScript","readme":"# This is no longer maintained here. \n\u003e It has been moved to [angular2-cli][ng2], a Command Line Interface for developing Angular 2 apps.\n\n## Angular-2 Quick start\n\nThis repo lets you kick start your Angular-2 app **super fast**.\n\n## Setup\n\n\n\u003e Install [Node.js].\n\n```sh\n$ git clone https://github.com/madhusudhand/angular2-quickstart.git [app_name]\n$ cd [app_name]\n$ npm install --no-optional\n$ npm start\n```\n\n**Your are all set !!** and already running your ***Hello Angular*** app :)\n\n\u003e don't have git installed? download as zip.\n\n## Development\nNavigate to your project folder and just say `npm start`.\nYour browser starts running your app. \n\nGo to the source and start making changes. When you save, they automatically gets compiled (with [Grunt]) and your browser automatically gets refreshed with new changes.\n\n#### What you can code\n\n* [Angular 2][angular] with [Typescript][ts]\n* [Jade] or **HTML** - for html templating\n* [SASS] - for CSS styling\n\n#### Why these?\n\n - Angular 2 is popular with **Typescript** for its elegant features. And recomended language from Angular Team.\n - **Jade**: This quickstart repo is build to work with plain html files or Jade or both. I recomend the use of Jade templating in your apps as your code looks lot more cleaner and you never have to worry about improper closing of tags.\n - **SASS**: Again, keep your code clean and less with SASS styling instead of CSS. Do create the files with ```.scss``` extension even if you are writing plain CSS.\n\n#### App Structure\nAll your code goes inside\n\n```\nyour-project/src/app\n```\n\n - Always keep single Component in single file and name it accordingly.\n - Do not create folder structure such as one for `components`, one for `templates`, one for `CSS` etc.\n - Keep the component (`.ts`), its template (`.jade` or `.html`), its styling (`.scss`) and the test files (`.spec.ts`) all in a single folder and name all of them same. [folder and files]\n - Keep the app origanized by creating hierarchy of folders. It is always good idea to limit this hierarchy to atmost 5 levels.\n - Please do refere [John Papa's Angular 2 style-guide][a2sg].\n\n## Source control\nIf you have cloned the repo then it leaves a `.git` folder in your project.\nDelete this folder by running\n\n```sh\n$ cd \u003cpath/to/project\u003e\n$ rm -rf .git\n```\n\nConsider taking the following steps to add you project to Git.\n\n```sh\n$ git init\n$ git add .\n$ git commit -m \"Initial commit\"\n```\n\nCreate a remote repository for this project on the service of your choice and push the local repo to the remote.\n\n```\n$ git remote add origin \u003crepo-address\u003e\n$ git push -u origin master\n```\n\n\n\n\n### Atom\n\n```\ncomming soon\n```\n\nLicense\n----\n\n[MIT]\n\n\n   [angular]: \u003cangular.io\u003e\n   [ng2]: \u003chttps://github.com/madhusudhand/angular2-cli\u003e\n   [ut]: \u003chttps://docs.angularjs.org/guide/unit-testing\u003e\n   [ts]: \u003chttp://www.typescriptlang.org\u003e\n   [jade]: \u003chttp://jade-lang.com\u003e\n   [sass]: \u003chttp://sass-lang.com\u003e\n   [grunt]: \u003chttps://gruntjs.com\u003e\n   [node.js]: \u003chttp://nodejs.org\u003e\n   [MIT]: \u003chttps://github.com/madhusudhand/angular2-quickstart/blob/master/LICENSE\u003e\n   [a2sg]: \u003chttps://github.com/johnpapa/angular-styleguide/blob/master/a2/README.md\u003e\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmadhusudhand%2Fangular2-quickstart","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmadhusudhand%2Fangular2-quickstart","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmadhusudhand%2Fangular2-quickstart/lists"}