{"id":20260141,"url":"https://github.com/almoghindi/nestangularblog","last_synced_at":"2026-05-12T14:02:37.956Z","repository":{"id":248402802,"uuid":"828591686","full_name":"almoghindi/NestAngularBlog","owner":"almoghindi","description":" The NestAngularBlog project is a full-stack web application utilizing NestJS for the backend, Angular with Angular Material for the client. It leverages TypeORM with ElephantSQL for database management, employs RxJS Observables for real-time data handling, and uses Cypress for end-to-end testing.","archived":false,"fork":false,"pushed_at":"2024-07-14T16:19:55.000Z","size":974,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-02T20:52:57.537Z","etag":null,"topics":["angular","angular-material","cypress","elephantsql","jwt","nestjs","observable","rxjs","typeorm"],"latest_commit_sha":null,"homepage":"","language":"HTML","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/almoghindi.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-07-14T15:56:11.000Z","updated_at":"2024-07-15T15:48:07.000Z","dependencies_parsed_at":"2024-07-14T17:44:35.565Z","dependency_job_id":"f3c5004a-73f7-4666-bda5-b8a8fefc4012","html_url":"https://github.com/almoghindi/NestAngularBlog","commit_stats":null,"previous_names":["almoghindi/nestangularblog"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/almoghindi%2FNestAngularBlog","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/almoghindi%2FNestAngularBlog/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/almoghindi%2FNestAngularBlog/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/almoghindi%2FNestAngularBlog/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/almoghindi","download_url":"https://codeload.github.com/almoghindi/NestAngularBlog/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241720406,"owners_count":20008973,"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","angular-material","cypress","elephantsql","jwt","nestjs","observable","rxjs","typeorm"],"created_at":"2024-11-14T11:18:09.317Z","updated_at":"2025-11-29T15:03:28.806Z","avatar_url":"https://github.com/almoghindi.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Blog\nThe NestAngularBlog project integrates NestJS and Angular to create a powerful, full-stack web application. The backend uses NestJS with TypeORM and ElephantSQL for robust data management, while Angular and Angular Materials ensure a dynamic, modern frontend. RxJS Observables streamline real-time data handling, and Angular Universal enhances server-side rendering for improved performance and SEO. Comprehensive testing with Cypress ensures reliability, making this project a showcase of efficient and scalable web development.\n# Instructions to run the Project\n\n## With Docker\n\nCommand:  \n`docker-compose up`  \nand then visit `localhost:4200`\n\n### Tipps \u0026 Tricks for docker\n\nIf you need to remove docker images or containers you can use one of the following commands.\n\nCommand to remove all images:  \n`docker rmi -f $(docker images -a -q)`\n\nCommand to remove all containers:  \n`docker rm -vf $(docker ps -a -q)`\n\n## Without Docker\n\n### 2. Add an environment file to the project\n\nAdd a .env file in the api folder (at the top of your api folder, so nest can find it)\n\n- add your own DATABASE_URL in the .env file\n- add your own JWT_SECRET in the .env file\n\nDatabase:  \nYou can use the free database from www.elephantsql.com (explained in the first video)\n\nJWT Secret:  \nExplained in the third video - https://www.youtube.com/watch?v=bbDDSylRM04\n\nExample of file:\n\n    DATABASE_URL=\u003cyour url\u003e\n    JWT_SECRET=jklasjdoij897231na\n\n### Start the Backend in dev Mode after you added the .env file\n\n`cd api`  \n`npm install`  \n`npm run start:dev`\n\n### Start the Frontend in dev Mode after you added the .env file\n\n`cd frontend`  \n`npm install`  \n`ng serve`\n\n# Start the e2e tests\n\n`cd e2e`  \n`npm install`  \n`npm run cypress:open`\n\n### Generate e2e Report (html)\n\n`npm run cypress:report`\n\netc. would be great.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falmoghindi%2Fnestangularblog","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falmoghindi%2Fnestangularblog","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falmoghindi%2Fnestangularblog/lists"}