{"id":21155511,"url":"https://github.com/ortegavan/recipes","last_synced_at":"2025-10-12T17:51:08.501Z","repository":{"id":269412904,"uuid":"906380757","full_name":"ortegavan/recipes","owner":"ortegavan","description":"Rede social para compartilhamento de receitas culinárias - projeto do meu livro Angular na prática","archived":false,"fork":false,"pushed_at":"2025-01-11T13:44:43.000Z","size":22389,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-30T13:27:40.487Z","etag":null,"topics":["angular","rxjs","typescript"],"latest_commit_sha":null,"homepage":"https://meulivrodereceitas.vercel.app","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/ortegavan.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-12-20T19:17:53.000Z","updated_at":"2025-04-13T19:54:01.000Z","dependencies_parsed_at":"2024-12-23T12:15:02.033Z","dependency_job_id":"67da1f13-5e73-46b6-a894-291c2fa2900a","html_url":"https://github.com/ortegavan/recipes","commit_stats":null,"previous_names":["ortegavan/recipes"],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ortegavan%2Frecipes","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ortegavan%2Frecipes/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ortegavan%2Frecipes/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ortegavan%2Frecipes/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ortegavan","download_url":"https://codeload.github.com/ortegavan/recipes/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251712155,"owners_count":21631344,"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","rxjs","typescript"],"created_at":"2024-11-20T11:21:42.782Z","updated_at":"2025-10-12T17:51:03.463Z","avatar_url":"https://github.com/ortegavan.png","language":"TypeScript","readme":"![](./public/banner-readme.jpg)\n\n\u003cp align=\"center\"\u003e\n    \u003cimg alt=\"GitHub Actions Workflow Status\" src=\"https://img.shields.io/github/actions/workflow/status/ortegavan/recipes/release.yml\"\u003e\n    \u003cimg alt=\"Sonar Quality Gate\" src=\"https://img.shields.io/sonar/quality_gate/ortegavan_recipes?server=https%3A%2F%2Fsonarcloud.io\"\u003e\n    \u003cimg alt=\"GitHub last commit\" src=\"https://img.shields.io/github/last-commit/ortegavan/recipes\"\u003e\n    \u003cimg alt=\"GitHub Tag\" src=\"https://img.shields.io/github/v/tag/ortegavan/recipes\"\u003e\n\u003c/p\u003e\n\n**My Recipe Book** é uma rede social para amantes da culinária. Os usuários podem:\n\n- 📚 **Cadastrar receitas** com ingredientes e instruções detalhadas;\n- 💬 **Curtir e comentar** receitas de outros usuários;\n- ❤️ **Explorar as receitas mais populares**, com base em curtidas e comentários.\n\nEsta aplicação foi projetada para estudar e aplicar conceitos e artefatos de **Angular 19** de forma prática e incremental, utilizando os mais recentes features, como:\n\n- Input, output e model usando signals;\n- Injeção de dependência inject-based;\n- Control flow com @if e @for;\n- TypeScript 5.6;\n- Tudo standalone!\n\nSe você gostou deste repositório, clique na estrela! ⭐\n\n## 🚀 Configuração do projeto\n\n### Pré-requisitos\n\nCertifique-se de ter instalado:\n\n- [Node.js](https://nodejs.org/) (versão 20+)\n- [Angular CLI](https://angular.dev) (versão 19)\n\n### Passo a passo\n\n1. Clone este repositório:\n\n```bash\nhttps://github.com/ortegavan/recipes.git\n\n# Após clonar, entre na pasta da aplicação com o comando:\ncd recipes\n```\n\n2. Instale as dependências:\n\n```bash\nnpm install\n```\n\n3. Sirva a aplicação:\n\n```bash\nng serve\n# A aplicação estará disponível na URL http://localhost:4200/\n```\n\n![](./public/terminalizer.gif)\n\n## 📌 Informações adicionais\n\n### Backend\n\nA aplicação utiliza uma API fake que está configurada na https://mockapi.io e disponível no link abaixo:\n\n```bash\nhttps://66f863922a683ce9730f60fc.mockapi.io/api/\n```\n\nOs endpoints estão configurados todos como somente leitura. Se você quiser interagir melhor com a aplicação, utilize, em vez da MockAPI, a imagem do Docker disponível em:\n\n```bash\ndocker pull ortegavan/recipes-api\n```\n\nNão se esqueça de alterar o endereço da API nos arquivos `environment`.\n\n### Frontend\n\nA aplicação foi criada usando Angular CLI 19.0.6.\n\nA aplicação utiliza o **PrimeNG 19** como biblioteca de componentes e o tema **Lara** está configurado como preset. Para saber mais sobre o PrimeNG, visite https://primeng.org.\n\nA fonte **Nunito** é a fonte padrão utilizada por toda a aplicação. A fonte **Borel** é utilizada no logo. Ambas fazem parte de [Google Fonts](https://fonts.google.com).\n\nHá um protótipo do projeto disponível no Figma em https://bit.ly/figma-angular-na-pratica.\n\nA **responsividade não foi aplicada** no projeto porque não é um assunto trivial e merece foco especial. Não queríamos nos desviar do foco do aprendizado em Angular.\n\n## 🛠️ Tecnologias utilizadas\n\n- Angular 19\n- PrimeNG\n- RxJS\n- Karma e Jasmine\n\n## 📚 Recursos úteis\n\n- [Documentação oficial do Angular](https://angular.dev)\n- [Documentação oficial do PrimeNG](https://primeng.org)\n- [Site do livro Angular na prática](https://angularnapratica.com.br)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fortegavan%2Frecipes","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fortegavan%2Frecipes","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fortegavan%2Frecipes/lists"}