{"id":51613113,"url":"https://github.com/ultimatecourses/angular-fundamentals-seed","last_synced_at":"2026-07-12T10:30:24.478Z","repository":{"id":38781867,"uuid":"77735160","full_name":"ultimatecourses/angular-fundamentals-seed","owner":"ultimatecourses","description":"Angular Fundamentals seed project","archived":false,"fork":false,"pushed_at":"2022-12-06T21:00:57.000Z","size":143,"stargazers_count":143,"open_issues_count":20,"forks_count":861,"subscribers_count":13,"default_branch":"master","last_synced_at":"2023-11-07T15:23:37.341Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://ultimatecourses.com/courses/angular","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ultimatecourses.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-12-31T10:07:22.000Z","updated_at":"2023-10-02T10:34:36.000Z","dependencies_parsed_at":"2022-09-18T03:43:07.645Z","dependency_job_id":null,"html_url":"https://github.com/ultimatecourses/angular-fundamentals-seed","commit_stats":null,"previous_names":[],"tags_count":0,"template":null,"template_full_name":null,"purl":"pkg:github/ultimatecourses/angular-fundamentals-seed","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ultimatecourses%2Fangular-fundamentals-seed","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ultimatecourses%2Fangular-fundamentals-seed/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ultimatecourses%2Fangular-fundamentals-seed/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ultimatecourses%2Fangular-fundamentals-seed/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ultimatecourses","download_url":"https://codeload.github.com/ultimatecourses/angular-fundamentals-seed/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ultimatecourses%2Fangular-fundamentals-seed/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":35390360,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-07-12T02:00:06.386Z","response_time":87,"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":"2026-07-12T10:30:23.337Z","updated_at":"2026-07-12T10:30:24.464Z","avatar_url":"https://github.com/ultimatecourses.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca href=\"https://ultimatecourses.com\" target=\"_blank\"\u003e\u003cimg src=\"https://ultimatecourses.com/static/banners/ultimate-angular-leader.svg\"\u003e\u003c/a\u003e\n\n# Angular Fundamentals Seed\n\n\u003e This is the seed project for the [Angular Fundamentals](https://ultimatecourses.com/learn/angular-fundamentals) course by [Todd Motto](https://twitter.com/toddmotto).\n\n## Project Setup and Tooling\n\n### Tools\n\nThis course is recorded with the following tools, you can optionally follow along using the same, or your favourite text editor/IDE and browser.\n\n*Text editor*: Visual Studio Code, you can [download it here](http://code.visualstudio.com) for both Mac, Windows and Linux.\n*Browser*: Google Chrome, you can [download it here](https://www.google.com/chrome)\n\n### Prerequisites\n\nPlease make sure that you have the following installed:\n\n* Install the _latest version_ of [Node.js](http://nodejs.org) (Mac or Windows)\n  * Mac users can optionally `brew install node` if they have [brew](http://brew.sh) installed\n\n* Node Sass, you _may_ need it if you haven't already got it installed:\n\n```bash\nnpm install -g node-sass\n```\n\n### Project Install\n\nTo grab the seed project, either Fork this repo or [click here to download](https://github.com/UltimateAngular/angular-fundamentals-seed/archive/master.zip) the `.zip` folder and extract the files wherever you like on your machine.\n\n#### Step 1: Package Manager\n\nTo install the project dependencies, you will need to either use `npm` or `yarn`. To install `yarn`, run the following in your terminal:\n\n```bash\nnpm install -g yarn\n```\n\nMac users can alternatively use `brew` to install `yarn`.\n\n```bash\nbrew update\nbrew install yarn\n```\n\nIf you experience any issues when installing/using `yarn` you can checkout the installation instructions [here](https://yarnpkg.com/en/docs/install).\n\n##### Step 2: Project Dependencies\n\nNow that we have a package manager, we can install the project dependencies. You can do this by running:\n\n```bash\nyarn install\n\n# OR\n\nnpm install\n```\n\nThis will install our dependencies for running our Angular application.\n\n#### Step 3: Running the project\n\nDuring development, the project is built using `webpack-dev-server`. This provides a local development server as well as having webpack recompile our app when a file changes. The project will also automatically refresh the page whenever we make changes.\n\nTo start the project in development, run:\n\n```\nyarn start\n\n# OR\n\nnpm start\n```\n\nThis will output some information about the project (such as the TypeScript version and build progress). Once you see \"build completed\", you are ready to code!\n\nOpen your browser to [localhost:4000](http://localhost:4000) to start running the code.\n\n### Project Tooling\n\nThe project uses `webpack` to build and compile all of our assets. This will do the following for us: \n\n- Compile all our TypeScript code into JavaScript (starting from `main.ts` and branching outwards from imported files)\n- Bundle all our JavaScript into one file to use\n- Allow us to use SASS for our component's CSS files\n- Provide the polyfills needed to run our app in all modern browsers\n- Mock a JSON backend using [json-server](https://github.com/typicode/json-server)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fultimatecourses%2Fangular-fundamentals-seed","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fultimatecourses%2Fangular-fundamentals-seed","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fultimatecourses%2Fangular-fundamentals-seed/lists"}