Skip to content

jeffsoncavalcante/certfacil-front

Repository files navigation

Logo

Web application for event management.

Índice

🔖 Sobre

O CertFacil📲 é uma aplicação Web, onde é possível realizar todo o gerenciamento de eventos, online ou presencial.

😍 Screenshots

Visualizar layout Landing Page Cadastro Login Home

🚀 Stack

Esta aplicação foi desenolvida com as seguintes tecnologias:

🔥 Configurando o Ambiente de Desenvolvimento

  1. Faça um clone :
  $ git clone https://github.com/jeffsoncavalcante/certfacil-front.git
  1. Instalando o Angular:
  # Execute o comando abaixo para instalar o Angular globalmente
  $ npm install -g @angular/cli
  1. Executando a Aplicação:
  # Execute o comando abaixo para instalar as dependencias do projeto
  $ npm install

  # Inciciar o servidor de desenvolvimento
  $ ng serve
  
  # Digite em seu navegador
  http://localhost:4200
  1. Deploy da Aplicação:
  # Edite as variáveis de ambiente em src->app->environments->environments.prod.ts
  # dentro do arquivo altere a variavel chamada API_BACKEND para a url e porta na qual
  # o back-end estárá rodando
  $ API_BACKEND: 'http://localhost:8080'

  # Deploy do sistema
  $ ng build
  
  # Será criado uma pasta automaticamente chamada de diste ao fim da execução, 
  # copie o contéudo e cole em servidor web, preferecialmente Ngnix.
  1. Configuração Ngnix:

O angular utiliza roteamento para acessar suas paginas e para o seu funcionamento necessita a configuração adicionais no Ngnix.

  # Acesse o diretório Ngnix
  $ cd /etc/nginx/sites-available/

  # Edite o arquivo ngnix.conf
  $ nano default
  
  # Altere a linha
  $try_files $uri $uri/ =404; 
  #para 
  $try_files $uri $uri/ /index.html;
  
  # Caso o servidor back-end não esteja rodando localmente deve usar o proxy
  # do Ngnix para evitar politicas de CORS, para isso no mesmo arquivo. 
  # acima da linha /location, insira o seguinte codigo
  $  location /api { proxy_pass url_servidor_back-end; }
  # a url a ser inserida não deve conter os end-points, apenas o dominio/ip e a porta.
  # exemplo: http://teste.com.br:8080
  # Após as modificações o Ngnix deve ser reiniciado.
  

✔️ Como Contribuir

  • Faça um Fork desse repositório

  • Clone o repositório

  $ git clone https://github.com/<SEU_USUARIO_GIT>/little-friend.git
  • Crie um branch com sua feature: git checkout -b nome-da-feature

  • Comite suas mudanças: git commit -m 'Feature: Breve descrição da feature'

  • Envie a feature: git push origin nome-da-feature

💻 Authors

Beatriz Alves
@Beatriz Alves
Jeffson
@Jeffson Vitor
Natalia
@Natalia Cardoso
Rodrigo
@Rodrigo da Hora

📝 License

Esse projeto está sob a licença MIT. Acesse o arquivo LICENSE para mais detalhes.