An open API service indexing awesome lists of open source software.

https://github.com/d0u6ur45u/crud-angular

Projeto baseado no mini curso Angular 9 essencial (Cod3r)
https://github.com/d0u6ur45u/crud-angular

angular frontend nodejs typescript

Last synced: about 2 months ago
JSON representation

Projeto baseado no mini curso Angular 9 essencial (Cod3r)

Awesome Lists containing this project

README

          


🚧 CRUD Angular 13🚀 Concluído 🚧














Sobre
Funcionalidades
Como executar
Tecnologias
Autor

## 💻 Sobre o projeto

- Mantido pela gigante da tecnologia Google, o Angular é um dos principais frameworks frontend do mercado!

---

## ⚙️ Funcionalidades

- [x] Consulta de produtos
- [x] Cadastro de produtos
- [x] Atualização de produtos
- [x] Exclusão de produtos

## 🚀 Como executar o projeto

Este projeto é divido em duas partes:
1. Backend (pasta server)
2. Frontend (pasta web)

💡 O Frontend precisa que o Backend esteja sendo executado para funcionar.

### Pré-requisitos

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas:
[Git](https://git-scm.com), [Node.js](https://nodejs.org/en/).
Além disto é bom ter um editor para trabalhar com o código como [VSCode](https://code.visualstudio.com/)

### 🎲 Rodando o Back End (servidor)

```bash
# Clone este repositório
$ git clone https://github.com/Dagurasu56/crud-angular
# Acesse a pasta do projeto no terminal/cmd
$ cd README-c
# Vá para a pasta da aplicação Back End
$ cd crud/server
# Instale as dependências
$ npm install
# Execute a aplicação
$ npm start
# O servidor inciará na porta:3001 - acesse http://localhost:3001
```
#### 🧭 Rodando a aplicação web (Frontend)

```bash
# Clone este repositório
$ git clone https://github.com/Dagurasu56/crud-angular
# Acesse a pasta do projeto no seu terminal/cmd
$ cd README-c
# Vá para a pasta da aplicação Front End
$ cd crud/web
# Instale as dependências
$ npm install
# Execute a aplicação em modo de desenvolvimento
$ npm start
# A aplicação será aberta na porta:3000 - acesse http://localhost:3000
```

## 🛠 Tecnologias

As seguintes ferramentas foram usadas na construção do projeto:

#### **Website** ([Angular](https://angular.io/cli) + [TypeScript](https://www.typescriptlang.org/))

#### [](https://github.com/Dagurasu56/crud-angular#server-nodejs--typescript)**Server** ([NodeJS](https://nodejs.org/en/))

#### [](https://github.com/Dagurasu56/crud-angular#utilit%C3%A1rios)**Utilitários**

- Editor: **[Visual Studio Code](https://code.visualstudio.com/)**
- Teste de API: **[Postman](https://www.postman.com/)**

## 💪 Como contribuir para o projeto

1. Faça um **fork** do projeto.
2. Crie uma nova branch com as suas alterações: `git checkout -b my-feature`
3. Salve as alterações e crie uma mensagem de commit contando o que você fez: `git commit -m "feature: My new feature"`
4. Envie as suas alterações: `git push origin my-feature`

## 🦸 Autor
---




Feito por Douglas Souza 👋🏽 Entre em contato!

[![Linkedin Badge](https://img.shields.io/badge/-Douglas-blue?style=flat-square&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/dagurasujava/)](https://www.linkedin.com/in/dagurasujava/)
[![Gmail Badge](https://img.shields.io/badge/-contini.ds@gmail.com-c14438?style=flat-square&logo=Gmail&logoColor=white&link=mailto:contini.ds@gmail.com)](mailto:contini.ds@gmail.com)

---

## Versões do README

[Português 🇧🇷](./README.md)