{"id":27247268,"url":"https://github.com/ju4n97/angular-boilerplate","last_synced_at":"2025-04-10T22:49:20.133Z","repository":{"id":37859745,"uuid":"270109052","full_name":"ju4n97/angular-boilerplate","owner":"ju4n97","description":"Straightforward Angular starter","archived":false,"fork":false,"pushed_at":"2024-07-18T14:42:17.000Z","size":6808,"stargazers_count":358,"open_issues_count":6,"forks_count":112,"subscribers_count":12,"default_branch":"main","last_synced_at":"2025-04-10T22:49:08.077Z","etag":null,"topics":["angular","angular16","cypress","tailwindcss"],"latest_commit_sha":null,"homepage":"https://angularboilerplate.vercel.app","language":"TypeScript","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/ju4n97.png","metadata":{"files":{"readme":"README.es-CO.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-06-06T21:27:32.000Z","updated_at":"2025-03-21T14:51:50.000Z","dependencies_parsed_at":"2024-08-04T01:08:04.705Z","dependency_job_id":"7cf0a741-ce8c-4d8c-abfa-73c8ad8aa7c7","html_url":"https://github.com/ju4n97/angular-boilerplate","commit_stats":null,"previous_names":["jm2097/angular-boilerplate","jm-1997/angular-boilerplate","ju4n97/angular-boilerplate"],"tags_count":57,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ju4n97%2Fangular-boilerplate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ju4n97%2Fangular-boilerplate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ju4n97%2Fangular-boilerplate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ju4n97%2Fangular-boilerplate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ju4n97","download_url":"https://codeload.github.com/ju4n97/angular-boilerplate/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248312179,"owners_count":21082637,"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":["angular","angular16","cypress","tailwindcss"],"created_at":"2025-04-10T22:49:19.385Z","updated_at":"2025-04-10T22:49:20.109Z","avatar_url":"https://github.com/ju4n97.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://api.iconify.design/logos:angular-icon.svg\" alt=\"Angular brand\" width=\"100\" height=\"100\"/\u003e\n\u003c/p\u003e\n\n\u003ch1 align=\"center\"\u003eAngular Boilerplate\u003c/h1\u003e\n\n\u003cbr\u003e\n\n\u003cp align='center'\u003e\n  \u003ca href=\"https://angularboilerplate.vercel.app/\"\u003eSitio en vivo (Demo)\u003c/a\u003e\n\u003c/p\u003e\n\n\u003cbr\u003e\n\n\u003cp align='center'\u003e\n  \u003ca href=\"https://github.com/juanmesa2097/angular-boilerplate/blob/main/README.md\"\u003eEnglish\u003c/a\u003e |\n  \u003cstrong\u003eEspañol\u003c/strong\u003e \n\u003c/p\u003e\n\n\u003cbr\u003e\n\nEste es un proyecto que se enfoca en las últimas características y mejores prácticas de Angular. Ofrece características esenciales para flexibilidad y escalabilidad, minimizando la sobrecarga innecesaria. El código es liviano pero robusto, permitiendo a los desarrolladores elegir sus tecnologías preferidas, como bibliotecas de componentes de interfaz de usuario, gestión del estado, renderización en el servidor, etc. Su esquema flexible permite una personalización y adaptación sencilla a los requisitos únicos del proyecto.\n\n## ⚗️ Features\n\n- [Angular 16](https://angular.io/docs)\n- [PNPM](https://pnpm.io/), [esbuild](https://esbuild.github.io/)\n- [Components independientes](https://angular.io/guide/standalone-components)\n- [Señales](https://angular.io/guide/signals)\n- [Carga diferida](https://angular.io/guide/lazy-loading-ngmodules)\n- [PWA](https://angular.io/guide/service-worker-getting-started)\n- [I18n](https://ngneat.github.io/transloco/)\n- [TailwindCSS](https://tailwindcss.com/)\n- Temas OS/Light/Dark\n- Liviano, rápido y construído con tecnología de última generación.\n\n## ✅ Listo para usar\n\n### Marcos de IU\n\n- [TailwindCSS](https://tailwindcss.com/)\n\n### Íconos\n\n- [Iconify](https://iconify.design) - usar íconos de cualquier conjunto de íconos [🔍Icônes](https://icones.netlify.app/).\n- [@iconify/tailwind](https://docs.iconify.design/usage/css/tailwind/) - Íconos en CSS puro.\n\n### Complementos\n\n- \u003chttps://github.com/ngneat/transloco\u003e\n- \u003chttps://github.com/tailwindlabs/tailwindcss\u003e\n  - \u003chttps://github.com/tailwindlabs/tailwindcss-aspect-ratio\u003e\n  - \u003chttps://github.com/tailwindlabs/tailwindcss-forms\u003e\n  - \u003chttps://github.com/tailwindlabs/tailwindcss-typography\u003e\n  - \u003chttps://github.com/tailwindlabs/prettier-plugin-tailwindcss\u003e\n- \u003chttps://github.com/iconify/iconify\u003e\n  - \u003chttps://github.com/iconify/iconify/tree/main/plugins/tailwind\u003e\n\n## ⚙ Requisitos previos\n\n- Node.js ([^16.14.0 || ^18.10.0](https://angular.io/guide/versions)): \u003chttps://nodejs.org/en/\u003e\n- PNPM: \u003chttps://pnpm.io/es/\u003e\n- Docker (opcional): \u003chttps://www.docker.com/\u003e\n\n## 🏹 Iniciar desarrollo\n\n\u003e **Nota:**\n\u003e Tiene tres opciones para comenzar un nuevo proyecto basado en esta plantilla:\n\u003e\n\u003e 1. Crear un nuevo repositorio de GitHub a partir de esta plantilla.\n\u003e 2. Clonar este repositorio para comenzar con un historial de git limpio.\n\u003e 3. Crear un fork del proyecto en StackBlitz.\n\n### Utilizando plantilla de GitHub\n\n[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/fork/github/juanmesa2097/angular-boilerplate)\n\n---\n\n### Clonando el repositorio localmente\n\n```sh\nnpx degit juanmesa2097/angular-boilerplate my-app \u0026\u0026 cd my-app \u0026\u0026 ./scripts/rename_project.sh my-app\n```\n\n### Instalar dependencias\n\n```sh\npnpm install # run `pnpm install -g pnpm` if you don't have pnpm installed\n```\n\n### Ejecutar proyecto\n\n```sh\npnpm dev\n```\n\n---\n\n[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://analogjs.org/new)\n\n## 📝 Checklist\n\nPor favor revise esta lista de verificación y modifíquela según sea necesario para cumplir con los requisitos de su proyecto.\n\n- [ ] Ejecute el script `./scripts/rename_project.sh` para renombrar el proyecto.\n- [ ] Cambie el título en `src/index.html` y el favicon en `src/favicon.ico` para que coincidan con su proyecto.\n- [ ] Decida si desea continuar utilizando [simple-git-hooks](https://github.com/toplenboren/simple-git-hooks) y [lint-staged](https://github.com/okonet/lint-staged) para su proyecto.\n- [ ] Limpie el archivo README para proporcionar instrucciones claras sobre su proyecto.\n- [ ] Modifique las páginas del proyecto para cumplir con sus requisitos específicos.\n\n## 📦 Despliegue en Vercel\n\n[![Deploy to Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/juanmesa2097/angular-boilerplate)\n\n## 📦 Despliegue en Netlify\n\n[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/juanmesa2097/angular-boilerplate)\n\n## 🐳 Docker\n\nCrear una imagen del proyecto.\n\n```sh\ndocker buildx build -t angular-boilerplate:latest .\n```\n\nEjecutar la imagen del proyecto.\n\n```sh\ndocker run --rm -p 8080:80 -d angular-boilerplate:latest\n```\n\n## 🧙‍♂️ Comandos\n\n| Comando         | Descripción                                                               | npm                     | yarn                 | pnpm                 |\n| --------------- | ------------------------------------------------------------------------- | ----------------------- | -------------------- | -------------------- |\n| `dev`           | Inicia el servidor de desarrollo                                          | `npm start`             | `yarn start`         | `pnpm start`         |\n| `dev:host`      | Inicia el servidor de desarrollo con un host personalizado                | `npm start`             | `yarn start`         | `pnpm start`         |\n| `build`         | Compila el código de producción                                           | `npm run build`         | `yarn build`         | `pnpm build`         |\n| `watch`         | Compila el código de producción y lo vigila para detectar cambios         | `npm run watch`         | `yarn watch`         | `pnpm watch`         |\n| `test`          | Ejecuta las pruebas unitarias                                             | `npm run test`          | `yarn test`          | `pnpm test`          |\n| `test:headless` | Ejecuta las pruebas unitarias en modo sin cabeza                          | `npm run test:headless` | `yarn test:headless` | `pnpm test:headless` |\n| `lint`          | Ejecuta el linter                                                         | `npm run lint`          | `yarn lint`          | `pnpm lint`          |\n| `lint:fix`      | Ejecuta el linter y corrige cualquier error de lint                       | `npm run lint:fix`      | `yarn lint:fix`      | `pnpm lint:fix`      |\n| `lint:staged`   | Ejecuta el linter en los archivos en cola                                 | `npm run lint:staged`   | `yarn lint:staged`   | `pnpm lint:staged`   |\n| `stylelint`     | Ejecuta el linter de estilos                                              | `npm run stylelint`     | `yarn stylelint`     | `pnpm stylelint`     |\n| `stylelint:fix` | Ejecuta el linter de estilos y corrige cualquier error de lint de estilos | `npm run stylelint:fix` | `yarn stylelint:fix` | `pnpm stylelint:fix` |\n| `format`        | Formatea el código con Prettier                                           | `npm run format`        | `yarn format`        | `pnpm format`        |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fju4n97%2Fangular-boilerplate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fju4n97%2Fangular-boilerplate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fju4n97%2Fangular-boilerplate/lists"}