{"id":31068643,"url":"https://github.com/kryptonbd/ng-jest-tailwind-template","last_synced_at":"2026-04-27T16:31:51.815Z","repository":{"id":304463132,"uuid":"1015520797","full_name":"KryptonBD/ng-jest-tailwind-template","owner":"KryptonBD","description":"Angular starter template with Jest testing framework and Tailwind CSS for rapid development of responsive web applications.","archived":false,"fork":false,"pushed_at":"2026-01-23T21:01:10.000Z","size":1564,"stargazers_count":0,"open_issues_count":12,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2026-02-03T10:51:22.080Z","etag":null,"topics":["angular","angular-template","boilerplate","jest","starter-kit","starter-template","tailwindcss","template"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/KryptonBD.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-07-07T16:15:45.000Z","updated_at":"2025-09-27T09:02:06.000Z","dependencies_parsed_at":"2025-07-13T09:57:33.410Z","dependency_job_id":"5907a1c0-fd87-4340-85e7-9ac5b3f95400","html_url":"https://github.com/KryptonBD/ng-jest-tailwind-template","commit_stats":null,"previous_names":["kryptonbd/ng-jest-tailwind-template"],"tags_count":0,"template":true,"template_full_name":null,"purl":"pkg:github/KryptonBD/ng-jest-tailwind-template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KryptonBD%2Fng-jest-tailwind-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KryptonBD%2Fng-jest-tailwind-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KryptonBD%2Fng-jest-tailwind-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KryptonBD%2Fng-jest-tailwind-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/KryptonBD","download_url":"https://codeload.github.com/KryptonBD/ng-jest-tailwind-template/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KryptonBD%2Fng-jest-tailwind-template/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32345802,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-26T23:26:28.701Z","status":"online","status_checked_at":"2026-04-27T02:00:06.769Z","response_time":128,"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":["angular","angular-template","boilerplate","jest","starter-kit","starter-template","tailwindcss","template"],"created_at":"2025-09-15T21:56:51.491Z","updated_at":"2026-04-27T16:31:51.801Z","avatar_url":"https://github.com/KryptonBD.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Angular + Jest + Tailwind CSS Template\r\n\r\nAfter setting up the same Angular + Jest + Tailwind stack repeatedly across projects, I created this template to save time on configuration. Skip the setup and start coding immediately.\r\n\r\nThis template also maintains opinionated default (like naming suffixes) that the Angular team removed, but many developers still prefer for better code organization.\r\n\r\n**From idea to development in seconds, not hours.**\r\n\r\n## Architecture\r\n\r\nThis template combines three powerful technologies:\r\n\r\n- **Angular 20**: Modern TypeScript framework with standalone components and zoneless change detection\r\n- **Jest**: Fast JavaScript testing framework with jest-preset-angular\r\n- **Tailwind CSS v4**: Latest utility-first CSS framework with PostCSS integration\r\n\r\n### Key Features\r\n\r\n- Standalone components architecture (no NgModules)\r\n- Zoneless change detection for better performance\r\n- Enforced naming suffixes (.component, .service, etc.) - maintained for better code organization despite Angular team removing them\r\n- OnPush change detection strategy by default for better performance\r\n- Jest testing with jest-preset-angular\r\n- Tailwind CSS v4 with PostCSS configuration\r\n- TypeScript 5.8 with strict mode\r\n- Prettier formatting with Angular template support\r\n\r\n### Project Structure\r\n\r\n```\r\nsrc/\r\n├── app/\r\n│   ├── core/\r\n│   │   ├── interceptors/   # HTTP interceptors\r\n│   │   └── services/       # Core application services\r\n│   ├── features/           # Feature modules/components\r\n│   ├── shared/\r\n│   │   └── models/         # Shared TypeScript interfaces\r\n│   ├── app.config.ts       # Application configuration\r\n│   ├── app.routes.ts       # Route definitions\r\n│   └── app.ts              # Root component\r\n├── environments/           # Environment configurations\r\n└── styles.scss             # Global styles with Tailwind imports\r\n```\r\n\r\n## Development server\r\n\r\nTo start a local development server, run:\r\n\r\n```bash\r\nng serve\r\n```\r\n\r\nOnce the server is running, open your browser and navigate to `http://localhost:4200/`. The application will automatically reload whenever you modify any of the source files.\r\n\r\n## Code scaffolding\r\n\r\nAngular CLI includes powerful code scaffolding tools. To generate a new component, run:\r\n\r\n```bash\r\nng generate component component-name\r\n```\r\n\r\nFor a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:\r\n\r\n```bash\r\nng generate --help\r\n```\r\n\r\n## Building\r\n\r\nTo build the project run:\r\n\r\n```bash\r\nng build\r\n```\r\n\r\nThis will compile your project and store the build artifacts in the `dist/` directory. By default, the production build optimizes your application for performance and speed.\r\n\r\n## Running unit tests\r\n\r\nThis template uses Jest with jest-preset-angular for faster testing:\r\n\r\n```bash\r\nnpm test\r\n```\r\n\r\nFor watch mode:\r\n\r\n```bash\r\nnpm run test:watch\r\n```\r\n\r\nFor coverage:\r\n\r\n```bash\r\nnpm run test:coverage\r\n```\r\n\r\n## Running end-to-end tests\r\n\r\nFor end-to-end (e2e) testing, run:\r\n\r\n```bash\r\nng e2e\r\n```\r\n\r\nAngular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.\r\n\r\n## Additional Resources\r\n\r\nFor more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkryptonbd%2Fng-jest-tailwind-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkryptonbd%2Fng-jest-tailwind-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkryptonbd%2Fng-jest-tailwind-template/lists"}