{"id":17366784,"url":"https://github.com/cloudinary-devs/cloudinary-angular-template","last_synced_at":"2025-09-10T16:33:36.477Z","repository":{"id":256350414,"uuid":"855010077","full_name":"cloudinary-devs/Cloudinary-Angular-Template","owner":"cloudinary-devs","description":"Speed up your process of integrating Cloudinary in with this Angular repo that has the core things you need to start development using the power of Cloudinary","archived":false,"fork":false,"pushed_at":"2024-09-10T06:40:45.000Z","size":120,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-27T16:50:56.198Z","etag":null,"topics":["angular","cloudinary","image-processing","web"],"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/cloudinary-devs.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}},"created_at":"2024-09-10T06:32:48.000Z","updated_at":"2024-09-10T06:50:54.000Z","dependencies_parsed_at":"2024-09-10T09:11:13.652Z","dependency_job_id":null,"html_url":"https://github.com/cloudinary-devs/Cloudinary-Angular-Template","commit_stats":null,"previous_names":["cloudinary-devs/cloudinary-angular-template"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/cloudinary-devs/Cloudinary-Angular-Template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cloudinary-devs%2FCloudinary-Angular-Template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cloudinary-devs%2FCloudinary-Angular-Template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cloudinary-devs%2FCloudinary-Angular-Template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cloudinary-devs%2FCloudinary-Angular-Template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cloudinary-devs","download_url":"https://codeload.github.com/cloudinary-devs/Cloudinary-Angular-Template/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cloudinary-devs%2FCloudinary-Angular-Template/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":274487231,"owners_count":25294480,"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","status":"online","status_checked_at":"2025-09-10T02:00:12.551Z","response_time":83,"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","cloudinary","image-processing","web"],"created_at":"2024-10-15T22:04:53.620Z","updated_at":"2025-09-10T16:33:36.440Z","avatar_url":"https://github.com/cloudinary-devs.png","language":"TypeScript","readme":"![Cloudinary Developers](https://github.com/cloudinary-devs/.github/blob/main/assets/cloudinary-banner.png?raw=true)\n\n\u003cdiv align=\"center\"\u003e\n  \u003cbr /\u003e\n  \u003ca href=\"https://twitter.com/cloudinary\" target=\"_blank\"\u003eTwitter\u003c/a\u003e\n    \u003cspan\u003e\u0026nbsp;\u0026nbsp;-\u0026nbsp;\u0026nbsp;\u003c/span\u003e\n  \u003ca href=\"https://cloudinary.com/\" target=\"_blank\"\u003eCloudinary\u003c/a\u003e\n    \u003cspan\u003e\u0026nbsp;\u0026nbsp;-\u0026nbsp;\u0026nbsp;\u003c/span\u003e\n  \u003ca href=\"https://cloudinary.com/documentation\" target=\"_blank\"\u003eDocs\u003c/a\u003e\n    \u003cspan\u003e\u0026nbsp;\u0026nbsp;-\u0026nbsp;\u0026nbsp;\u003c/span\u003e\n  \u003ca href=\"https://github.com/cloudinary-devs\" target=\"_blank\"\u003eCode Samples\u003c/a\u003e\n    \u003cspan\u003e\u0026nbsp;\u0026nbsp;-\u0026nbsp;\u0026nbsp;\u003c/span\u003e\n  \u003ca href=\"https://cloudinary.com/blog/\" target=\"_blank\"\u003eBlog\u003c/a\u003e\n    \u003cspan\u003e\u0026nbsp;\u0026nbsp;-\u0026nbsp;\u0026nbsp;\u003c/span\u003e\n  \u003ca href=\"https://community.cloudinary.com/\" target=\"_blank\"\u003eCommunity\u003c/a\u003e\n  \u003cbr /\u003e\n  \u003chr /\u003e\n\u003c/div\u003e\n\n# Cloudinary Angular Template\n\nThis repository provides a ready-to-use template for integrating the Cloudinary widget into your Angular project. It includes all the essential components and setup needed to start working with Cloudinary, simplifying the process of adding Cloudinary’s powerful image and video management capabilities to your application.\n\nAdditionally, the repo features examples demonstrating how to perform image transformations using the Cloudinary Angular SDK, giving you a solid foundation to build upon and customize for your specific needs.\n\n## Prerequisites\n\nBefore you begin, ensure you have the following installed:\n\n- Node.js (v18 or above)\n- npm (v10 or above)\n- A Cloudinary account with:\n  - A project\n  - An upload preset\n- Angular CLI\n\n## Run the App\n\n1. Rename your `.env.example` to `.env` and add your keys to the `.env` file.\n2. In your terminal run `npm i` to install all the dependencies.\n3. In your terminal run `npm start` to run the frontend.\n\n## Cloudinary Transformations\nCloudinary's dynamic URL transformations enable you to programmatically generate multiple variations of your high quality original images on the fly, without the need for graphic designers and fancy editing tools.\n\nTo learn more about the Cloudinary transformations visti the [SDK docs](https://cloudinary.com/documentation/angular_image_transformations).\n\n\n## Cloudinary Upload Widget\nCloudinary's Upload widget is a complete, interactive user interface that enables your users to upload files from a variety of sources to your website or application. The widget, requiring just a couple lines of code to integrate, eliminates the need to develop in-house interactive media upload capabilities.\n\nTo learn more aboout the Upload Widget visit the [API reference](https://cloudinary.com/documentation/angular_image_and_video_upload).\n\n\n## Cloudinary NPM packages\n- `@cloudinary/ng`\n- `@cloudinary/url-gen`\n\n## Cloudinary Community\n\nEngage in collaborative coding, connect with fellow enthusiasts, and gather insights from a vibrant open-source network over on [Twitter](https://twitter.com/cloudinary), [Discord](https://discord.gg/cloudinary), or the [Community Forums](https://community.cloudinary.com/)\n\n## Show your support\n\nGive a ⭐️ if this project helped you, and watch this repo to stay up to date.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcloudinary-devs%2Fcloudinary-angular-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcloudinary-devs%2Fcloudinary-angular-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcloudinary-devs%2Fcloudinary-angular-template/lists"}