{"id":21302041,"url":"https://github.com/dudynets/angular-image-hosting","last_synced_at":"2026-05-07T20:03:00.054Z","repository":{"id":206689121,"uuid":"717450974","full_name":"dudynets/Angular-Image-Hosting","owner":"dudynets","description":"Image hosting built using Angular and Firebase.","archived":false,"fork":false,"pushed_at":"2023-12-05T17:00:44.000Z","size":515,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-22T08:15:46.417Z","etag":null,"topics":["angular","firebase","image-hosting","ngxs","pwa","syncfusion"],"latest_commit_sha":null,"homepage":"","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/dudynets.png","metadata":{"files":{"readme":"README.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}},"created_at":"2023-11-11T14:23:00.000Z","updated_at":"2023-11-17T23:41:39.000Z","dependencies_parsed_at":"2023-11-17T14:16:45.119Z","dependency_job_id":"d1b0b5ce-946f-4719-8925-c6888c083379","html_url":"https://github.com/dudynets/Angular-Image-Hosting","commit_stats":null,"previous_names":["dudynets/angular-image-hosting"],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dudynets%2FAngular-Image-Hosting","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dudynets%2FAngular-Image-Hosting/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dudynets%2FAngular-Image-Hosting/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dudynets%2FAngular-Image-Hosting/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dudynets","download_url":"https://codeload.github.com/dudynets/Angular-Image-Hosting/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243776378,"owners_count":20346350,"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","firebase","image-hosting","ngxs","pwa","syncfusion"],"created_at":"2024-11-21T15:54:24.353Z","updated_at":"2026-05-07T20:02:59.968Z","avatar_url":"https://github.com/dudynets.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca href=\"https://dudynets.pp.ua\"\u003e\n  \u003cimg src=\"https://user-images.githubusercontent.com/39008921/191470114-c074b17f-1c88-4af3-b089-1b14418cabf5.png\" alt=\"drawing\" width=\"128\"/\u003e\n\u003c/a\u003e\n\n# Angular Image Hosting\n\n\u003cp\u003e\u003cstrong\u003eImage hosting app built with Angular and Firebase.\u003c/strong\u003e\u003c/p\u003e\n\n\u003e Developed by [Oleksandr Dudynets](https://dudynets.dev)\n\n## Run Steps\n\n1. Clone the repository.\n```sh\ngit clone https://github.com/dudynets/Angular-Image-Hosting\n```\n2. Install NPM packages (requires Yarn Package Manager installed).\n```sh\nyarn install\n```\n3. Create a new Firebase project in the [Firebase console](https://console.firebase.google.com/).\n   1. Enable the Authentication service in the Firebase console and add a Google authentication provider.\n   2. Enable the Firestore database in the Firebase console.\n   3. Enable the Cloud Storage service in the Firebase console.\n   4. Enable the Firebase Hosting service in the Firebase console.\n4. Add a new web app to the project in the Firebase console.\n   1. Create a `config.ts` file in the root directory of the project and copy the contents of the `config.example.ts` file into it (you can also rename the `config.example.ts` file to `config.ts`).\n   2. Copy the Firebase config from the Firebase console into the `config.ts` file.\n5. Create a [Syncfusion account](https://www.syncfusion.com/) and get a free Community license key or a free trial license key.\n   1. Copy the Syncfusion license key into the `config.ts` file.\n5. Install Angular CLI and Firebase CLI.\n```sh\nnpm install -g @angular/cli firebase-tools\n```\n6. Login to Firebase.\n```sh\nfirebase login\n```\n7. Choose a Firebase project to use.\n```sh\nfirebase use [YOUR_PROJECT_ID]\n```\n9. Run the app in development mode.\n```sh\nyarn start\n```\n10. Open the app in a browser at http://localhost:4200, login with Google and create a new user.\n\n\n## Run Using Docker\n\n1. Clone the repository.\n```sh\ngit clone https://github.com/dudynets/Angular-Image-Hosting\n```\n2. Create a new Firebase project in the [Firebase console](https://console.firebase.google.com/).\n   1. Enable the Authentication service in the Firebase console and add a Google authentication provider.\n   2. Enable the Firestore database in the Firebase console.\n   3. Enable the Cloud Storage service in the Firebase console.\n   4. Enable the Firebase Hosting service in the Firebase console.\n3. Add a new web app to the project in the Firebase console.\n   1. Create a `config.ts` file in the root directory of the project and copy the contents of the `config.example.ts` file into it (you can also rename the `config.example.ts` file to `config.ts`).\n   2. Copy the Firebase config from the Firebase console into the `config.ts` file.\n4. Create a [Syncfusion account](https://www.syncfusion.com/) and get a free Community license key or a free trial license key.\n   1. Copy the Syncfusion license key into the `config.ts` file.\n5. Run the docker-compose file.\n```sh\ndocker-compose up\n```\n6. Open the app in a browser at http://localhost, login with Google and create a new user.\n\n## Deployment Steps\n\n1. Complete all steps from the [Run Steps](#run-steps) section.\n2. Run the deployment script.\n```sh\nyarn firebase:deploy\n```\n3. You should see the app URL in the console output.\n\n## Notes\n\n- Make sure you have the latest stable version of Node.js installed (tested with Node.js v18.18.0).\n- At the time of writing, Syncfusion provides a free Community license key for non-commercial use and a free trial license key. This may change in the future.\n- This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 16.2.5.\n\n## License\n\nDistributed under the [MIT](https://choosealicense.com/licenses/mit/) License.\nSee [LICENSE](https://github.com/dudynets/Angular-Image-Hosting/blob/main/LICENSE) for more information.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdudynets%2Fangular-image-hosting","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdudynets%2Fangular-image-hosting","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdudynets%2Fangular-image-hosting/lists"}