{"id":28704565,"url":"https://github.com/r3zafa/ngx-app-starter-kit","last_synced_at":"2026-01-25T15:14:21.235Z","repository":{"id":292866285,"uuid":"870118431","full_name":"r3zafa/ngx-app-starter-kit","owner":"r3zafa","description":"angular v18 boilerplate with dockerFile, docker-compose and devcontainer config","archived":false,"fork":false,"pushed_at":"2025-08-06T16:31:23.000Z","size":6310,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-08-06T18:28:56.913Z","etag":null,"topics":[],"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/r3zafa.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":"2024-10-09T13:27:33.000Z","updated_at":"2025-08-05T14:51:12.000Z","dependencies_parsed_at":"2025-06-04T20:55:48.969Z","dependency_job_id":"ed903e18-223f-4e44-bc2e-40cef6f4b1bf","html_url":"https://github.com/r3zafa/ngx-app-starter-kit","commit_stats":null,"previous_names":["r3zafa/ngx-app-starter-kit"],"tags_count":0,"template":true,"template_full_name":null,"purl":"pkg:github/r3zafa/ngx-app-starter-kit","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/r3zafa%2Fngx-app-starter-kit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/r3zafa%2Fngx-app-starter-kit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/r3zafa%2Fngx-app-starter-kit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/r3zafa%2Fngx-app-starter-kit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/r3zafa","download_url":"https://codeload.github.com/r3zafa/ngx-app-starter-kit/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/r3zafa%2Fngx-app-starter-kit/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28754817,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-25T13:59:49.818Z","status":"ssl_error","status_checked_at":"2026-01-25T13:59:33.728Z","response_time":113,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":"2025-06-14T14:01:51.785Z","updated_at":"2026-01-25T15:14:21.219Z","avatar_url":"https://github.com/r3zafa.png","language":"TypeScript","funding_links":[],"categories":["Site Templates"],"sub_categories":["Free Templates"],"readme":"# ngx-app-starter-kit\n\nA modern Angular 18 starter kit with Docker, devcontainer, and Angular Material integration for rapid, scalable web app development.\n\n\u003e **Note:** This template will be migrated to Angular 19 and 20 soon to ensure compatibility with the latest Angular features and improvements.\n\n[![GitHub Repo](https://img.shields.io/badge/GitHub-ngx--app--starter--kit-blue?logo=github)](https://github.com/r3zafa/ngx-app-starter-kit)\n\n## Features\n\n- **Angular 18**\n- **Dockerized Development**: Includes Docker and Docker Compose for consistent development environments.\n- **Devcontainer Support**: Optimized for GitHub Codespaces and VS Code Remote Containers.\n- **Angular Material**: Pre-configured with Material 3 (M3) theming.\n- **Translation Support**: Integrated with `@ngx-translate` for multi-language support.\n- **Theming**: Dynamic light and dark theme toggling.\n- **Component-Based Architecture**: Modular and reusable components for scalable development.\n- **Quick Start Scripts**: Predefined scripts for building, testing, and serving the application.\n\n## Using This Starter Kit via `npx`\n\nYou can quickly scaffold a new project using this template with `npx`:\n\n```sh\nnpx create-app my-new-app\ncd my-new-app\nnpm install\n```\n\nReplace `my-new-app` with your desired project name.\n\n## Project Structure\n\nThe project is organized as follows:\n\n- **`src/`**: Contains the main application code.\n  - **`app/`**: Core application components and configuration.\n    - `app.component.*`: Root component files.\n    - `app.config.ts`: Application-wide configuration.\n    - `app.routes.ts`: Application routing configuration.\n  - **`components/`**: Reusable UI components.\n    - **`content/`**: Content display component.\n    - **`navbar/`**: Navigation bar component.\n    - **`theme-toggler/`**: Component for toggling between light and dark themes.\n    - **`translation-button/`**: Component for switching languages.\n  - **`shared/`**: Shared utilities, services, and types.\n    - **`helpers/`**: Helper functions (e.g., `http-loader-factory.helper.ts`).\n    - **`interfaces/`**: Shared TypeScript interfaces.\n    - **`providers/`**: Dependency injection providers (e.g., translation module provider).\n    - **`services/`**: Application services (e.g., theme and sidenav services).\n    - **`types/`**: Shared TypeScript types.\n  - **`styles/`**: Global and component-specific styles.\n    - `_animation.scss`: Animation styles.\n    - `_palettes.scss`: Color palette definitions.\n    - `m3-theme.scss`: Material 3 theme configuration.\n    - `styles.scss`: Global styles.\n- **`configs/`**: Configuration files for TypeScript, Karma, and polyfills.\n- **`public/`**: Public assets such as icons and translation files.\n  - **`i18n/`**: Translation files (e.g., `en.json`, `de.json`).\n- **`docker/`**: Docker and Docker Compose configuration.\n- **`bin/`**: Custom scripts (e.g., `create-app.cjs` for scaffolding new projects).\n- **`.devcontainer/`**: Devcontainer configuration for VS Code Remote Containers.\n\n## Demo Components\n\nThe project includes demo components such as `content`, `navbar`, `theme-toggler`, and `translation-button`. These components are provided as examples and can be replaced or customized to suit your application's needs.\n\n---\n\nFor more details, see [Angular CLI Docs](https://angular.io/cli), [Angular Material](https://material.angular.io/), and the [ngx-app-starter-kit GitHub repo](https://github.com/r3zafa/ngx-app-starter-kit).","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fr3zafa%2Fngx-app-starter-kit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fr3zafa%2Fngx-app-starter-kit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fr3zafa%2Fngx-app-starter-kit/lists"}