GithubHelp home page GithubHelp logo

alarconvinicius / blog-app Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 6.48 MB

C# 27.18% JavaScript 7.48% TypeScript 10.50% HTML 17.80% CSS 36.76% Dockerfile 0.27%
angular14 api-rest csharp dotnet7 javascript recipe-app recipes typescript dotnet-api

blog-app's Introduction


Projeto Blog de Receitas - Documentação

O projeto Blog de Receitas consiste em uma aplicação full stack para um blog de receitas. É dividido em dois principais componentes: o Projeto de API e o Projeto SPA, e ambos são containerizados usando Docker.

Tecnologias Utilizadas

  • .NET 7: Utilizado para o desenvolvimento da API.
  • Angular 15: Framework utilizado para a criação do SPA.
  • SQLServer: Banco de dados utilizado na aplicação.
  • Docker: Utilizado para containerizar os diferentes componentes da aplicação.

Pré-requisito

Antes de iniciar, é necessário ter o Docker Desktop instalado no seu sistema. Você pode baixá-lo aqui.

Passo a Passo para Executar a Aplicação

  1. Clone o Repositório: Abra o terminal (Git Bash) no diretório desejado e execute o seguinte comando:
git clone https://github.com/AlarconVinicius/blog-app.git
  1. Acesse os Diretórios: Vá para o diretório onde o repositório foi clonado e acesse a pasta src:
cd blog-app/src/
  1. Configure os Arquivos de Configuração: Faça cópias dos arquivos de configuração de desenvolvimento:
  • No diretório /Services/Blog/1-Api/Api/, copie appsettings.Development.json para appsettings.json
  • No diretório /Web/WebSPA/Blog/src/environments/, copie environment.development para environment.prod
cd Services/Blog/1-Api/Api/

cp appsettingsTemplate.json appsettings.json

cd ../../../../

cd Web/WebSPA/Blog/src/environments/

cp environment.development environment.prod

cd ../../../../../../

Antes de prosseguir, é recomendável verificar e ajustar as configurações dos arquivos recém-criados (appsettings.json e environment.prod) para garantir que as chaves e configurações estejam corretas para o ambiente de produção. É crucial assegurar que todas as variáveis e configurações necessárias estejam presentes e funcionem conforme esperado. Certifique-se de revisar e modificar esses arquivos, se necessário, para refletir as configurações adequadas ao ambiente de produção.

Também é possível criar arquivos de configuração para o ambiente de desenvolvimento executando o comando:

cp appsettingsTemplate.json appsettings.Development.json

Esse comando cria um arquivo de configuração de desenvolvimento a partir de um modelo de configuração inicial (appsettingsTemplate.json), facilitando a configuração inicial para ambientes de desenvolvimento.

  1. Execute os Contêineres Docker: Utilize o Docker Compose para subir os contêineres:
docker compose -f "docker-compose.yml" -p blog-app up -d --build

Acesso à Aplicação

Após executar os contêineres, você pode acessar as diferentes partes da aplicação:

  • Banco de Dados: Está na porta 8080 e pode ser acessado usando as seguintes credenciais:

    • Server Name: localhost, 8080
    • Login: SA
    • Senha: Senha@123
  • API: Está na porta 8081 e sua documentação pode ser acessada através do Swagger:

  • SPA: Está na porta 8082 e pode ser acessada através do navegador:

Acesso à Área Administrativa

Para acessar a área administrativa, utilize as seguintes credenciais:

Links para Documentação

Informações de Contato


blog-app's People

Contributors

alarconvinicius avatar

Stargazers

 avatar

Watchers

 avatar

blog-app's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.