myalbum

Meu álbum

Site para compartilhar álbuns e fotos com localizações do Google Maps

Status

Apoiadores?

Site

• URL :
  1. https://my-album.azurewebsites.net/ (Angular 8.0)
  2. https://my-album-react.azurewebsites.net/ (Reagir 16.12)
• E-mail : [email protected] (para adicionar/editar foto, álbum, comentar e responder)
• Senha : 2u)TAa
• API de identidade : https://my-album.azurewebsites.net/swagger/index.html
• API do álbum : https://my-album-album-api.azurewebsites.net/swagger/index.html
• API de fotos : https://my-album-photo-api.azurewebsites.net/swagger/index.html
• API de comentários : https://my-album-comment-api.azurewebsites.net/swagger/index.html

Execute na comunidade do Microsoft Visual Studio 2019

1. Configure o banco de dados executando 3 scripts em " src/WebSPA/sql "
2. Abra " src/MyAlbum.sln "
3. Altere a string de conexão padrão em:
   1. Reaja com: " src/WebSPA.React.Identity/appsettings.Development.json "
   2. Angular com: " src/WebSPA.Identity/appsettings.Development.json "
4. Defina projetos de inicialização usando o menu " Debug->Set Startup Projects... " para depuração em:
   1. React com projetos: Web Apps/WebSPA.React.Identity e 3 projetos na pasta Services
   2. Angular com projetos: Web Apps/WebSPA.Identity e 3 projetos na pasta Services
5. Pressione F5 para depuração

Execute no Docker

0. Instale o Docker.
1. Abra a pasta " src/Docker " e execute:

 docker-compose down
docker-compose build
docker-compose up

2. Abra a pasta " src/Docker " e instale este certificado SSL na pasta " Autoridades de certificação raiz confiáveis " do computador local:

 File name: my-album.pfx
Password: 2u)TAa

3. Verifique navegando https://localhost:5002/swagger/ com sucesso.
4. Navegue pelo site em http://localhost:5000/

Implantar no Azure

1. Crie 1 serviço de aplicativo do Azure e 1 banco de dados SQL do Azure
2. Adicione 2 configurações de aplicativo: " ASPNETCORE_ENVIRONMENT " e " ConnectionStrings:Default " ao Serviço de Aplicativo do Azure:
3. Implantar no Azure

Capturas de tela

1. [Foto] Explorar
   

2. [Foto] Mapa Mundial
   

3. [Álbum] Explorar
   

4. [Álbum] Ver
   

5. [Foto] Adicionar
   

6. [Foto] Editar
   

7. [Foto] Ver
   

8. [Foto] Ver >> Detecção de Objetos (clique na foto)
   

9. [Foto] Ver >> Adicionar comentário

10. [Foto] Ver >> Notificar comentário (tempo real)
    

11. [Foto] Ver >> Responder Comentário