{"id":20165018,"url":"https://github.com/kauanaagostini/angular-9","last_synced_at":"2026-05-05T08:31:12.748Z","repository":{"id":122860046,"uuid":"376630492","full_name":"kauanaagostini/Angular-9","owner":"kauanaagostini","description":"Projeto Desenvolvido no curso da Cod3r, para aprendizagem dos conceitos básicos de Angular.","archived":false,"fork":false,"pushed_at":"2021-06-28T17:53:57.000Z","size":260,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-09-22T18:52:20.979Z","etag":null,"topics":["angular","css","material-ui","typescript"],"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/kauanaagostini.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":"2021-06-13T20:03:17.000Z","updated_at":"2021-06-28T17:54:00.000Z","dependencies_parsed_at":null,"dependency_job_id":"4be1a8f8-6e25-4660-8adc-b9943e7a4ac2","html_url":"https://github.com/kauanaagostini/Angular-9","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/kauanaagostini/Angular-9","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kauanaagostini%2FAngular-9","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kauanaagostini%2FAngular-9/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kauanaagostini%2FAngular-9/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kauanaagostini%2FAngular-9/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kauanaagostini","download_url":"https://codeload.github.com/kauanaagostini/Angular-9/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kauanaagostini%2FAngular-9/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32641953,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-04T10:08:07.713Z","status":"online","status_checked_at":"2026-05-05T02:00:06.033Z","response_time":54,"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","css","material-ui","typescript"],"created_at":"2024-11-14T00:36:30.338Z","updated_at":"2026-05-05T08:31:12.699Z","avatar_url":"https://github.com/kauanaagostini.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003e\n  Angular Front-End CRUD\n\u003c/h1\u003e\n\n## Índice\n\n- [1. Introdução](#1-introdução)\n- [2. Aplicação](#2-aplicação)\n- [3. Estrutura e funcionalidades](#3-estrutura-e-funcionalidades)\n- [4. Ferramentas Utilizadas](#4-ferramentas-utilizadas)\n- [5. Considerações Finais](#5-considerações-finais)\n---\n\u003cbr\u003e\n\n## 1. Introdução\nAplicação Web desenvolvida para estudos do Framework `Angular`, promovida pela \u003cstrong\u003e[Cod3r](https://www.cod3r.com.br/)\u003c/strong\u003e.\n\n---\n\u003cbr\u003e\n\n## 2. Aplicação\nDesenvolvido para estudos de `Angular`, `Typescript` e `Material`, o projeto consiste em desenvolver uma aplicação Web para cadastro, consulta, alteração e exclusão de produtos dentro de uma SPA.\n\nO servidor é estático e gerado através de `Json Server` - explicaremos mais abaixo, caso queira ver a aplicação rodando em seu computador, como instanciar a mesma.\n\nNeste projeto podemos aprofundar um pouco os conhecimentos em `Angular`, onde através de chamadas de API conseguimos interagir com ela, cadastrando, alterando e excluindo produtos.\n\n---\n\u003cbr\u003e\n\n## 3. Estrutura e funcionalidades\nO projeto consiste em apenas duas páginas desenvolvidas, a Home e a Produtos, e dentro da página produtos é que fica todo o procedimento de interação com a API.\n\n\u003cstrong\u003ePágina Home\u003c/strong\u003e\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"./front-end/src/assets/readme/Home.jpg\" width=\"700px\"/\u003e\n\u003c/div\u003e\nPágina simples, apenas de Boas-vindas para quem for visualizar a aplicação.\n\u003cbr\u003e\n\u003cbr\u003e\n\n\u003cstrong\u003ePágina Produtos\u003c/strong\u003e\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"./front-end/src/assets/readme/Produtos.jpg\" width=\"700px\"/\u003e\n\u003c/div\u003e\nInicialmente a página já traz a listagem de produtos que contém cadastrados na API.\nAtravés dessa página você poderá cadastrar um novo produto, clicando no botão \u003cstrong\u003eNovo Produto\u003c/strong\u003e:\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"./front-end/src/assets/readme/novo.jpg\" width=\"700px\"/\u003e\n\u003c/div\u003e\n\nPoderá também, alterar um produto já existente, caso necessite, clicando no lápis na página de Produtos:\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"./front-end/src/assets/readme/alterar.jpg\" width=\"700px\"/\u003e\n\u003c/div\u003e\n\nE por fim pode excluir um produto que não esteja mais necessitando, clicando na lixeira:\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"./front-end/src/assets/readme/excluir.jpg\" width=\"700px\"/\u003e\n\u003c/div\u003e\n\n---\n\u003cbr\u003e\n\n## 4. Ferramentas Utilizadas\n\nAs seguintes ferramentas foram usadas na construção do projeto:\n\n- [x] Angular\n- [x] TypeScript\n- [x] CSS\n- [x] Json Server\n- [x] Material-ui\n\n---\n\u003cbr\u003e\n\n## 5. Considerações Finais\nDesejar ver a aplicação rodando em seu computador, para isso você precisa:\n- [x] Dar um Fork nesse repositório;\n- [x] Faça um clone do mesmo;\n\n\u003cstrong\u003eBack-End\u003c/strong\u003e\n- [x] `npm install` para instalar todas as dependências;\n- [x] `npm start` para iniciar o servidor back-end;\n\n\u003cstrong\u003eFront-End\u003c/strong\u003e\n- [x] `npm install` para instalar todas as dependências;\n- [x] `npm start` para iniciar;\n\n\u003cstrong\u003ePronto, agora é só codar!\u003c/strong\u003e\n\nObrigada ao professor \u003cstrong\u003eLeonardo Leitão\u003c/strong\u003e por esse curso!\n\n---\n\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://github.com/kauanaagostini\"\u003e\u003cimg style=\"border-radius: 50%;\" src=\"https://avatars.githubusercontent.com/u/71272642?s=460\u0026u=16e95ea294359879e6e99ad563f7e102f0823246\u0026v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eKauana Maria Agostini\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkauanaagostini%2Fangular-9","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkauanaagostini%2Fangular-9","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkauanaagostini%2Fangular-9/lists"}