Skip to content

alexjosesilva/front-end-manager-cards

Repository files navigation

Meu Projeto Angular 14.2.0

Este é um projeto Angular simples que apresenta uma lista de cards com um modal para solicitar contato.

Entregáveis

  • Cards
  • Modal
  • Test Unitarios
  • DockerFile

Como Executar

Siga estas instruções para executar o projeto localmente em sua máquina.

Pré-requisitos

Certifique-se de ter o Node.js e o npm instalados em sua máquina.

Instalação

  1. Clone o repositório do GitHub:
git clone https://github.com/alexjosesilva/test-ZupInovation-FullStack.git

Instalação

Navegue até o diretório do projeto:

cd seu-projeto

Instale as dependências do projeto:

npm install

Execução

Após a instalação das dependências, você pode executar o projeto com o seguinte comando:

ng server

Isso iniciará o servidor de desenvolvimento e abrirá o aplicativo no seu navegador padrão. Você também pode acessar o aplicativo em http://localhost:4200.

Contribuição

Se você quiser contribuir com este projeto, siga estas etapas:

  1. Faça um fork do projeto
  2. Crie uma nova branch (git checkout -b feature/sua-feature)
  3. Faça commit de suas alterações (git commit -am 'Adicionar nova feature')
  4. Faça push para a branch (git push origin feature/sua-feature)
  5. Crie um novo Pull Request

Licença

Este projeto está licenciado sob a Licença MIT - veja o arquivo LICENSE para detalhes.

Este README.md fornece todas as informações necessárias para executar, contribuir e entender a licença do projeto. Certifique-se de ajustar as seções conforme necessário para o seu projeto específico.

Docker

  1. Construa a imagem Docker a partir do Dockerfile no diretório do projeto:
    docker build -t nome-da-imagem .
    
  2. Executar o contêiner Docker
    docker run -p 80:80 nome-da-imagem
    
  3. Acesso o Projeto
    http://localhost
    
  4. Para container: Listar
    docker ps
    
  5. Stop Container
    docker stop ID-do-Contêiner
    

Template do Projeto Front End

  • Cards

Listagem dos cards

  • Modal

Tela Modal

  • Preencher dados

Tela Modal

  • Sucesso

Tela Modal