Skip to content

lffernandes/harrypotterquiz

Repository files navigation

"Juro solenemente fazer ~~nada~~ tudo de bom"

🚧 Concluído 🚀 🚧

Tabela de conteúdos

💻 Sobre o projeto

Quiz Harry Potter - é uma forma de testar os seus conhecimentos sobre a Saga Harry Potter da escritora J. K. Rowling.

Projeto foi desenvolvido durante a imersão Reack e Next.js da Aura de 25/01/2021 à 29/01/2021. Foi o meu primeiro contato com React e Next.Js, amei a experiência e quero conhecer mais as duas stacks.


⚙️ Funcionalidades

  • Visualização dos participantes do sorteio por categoria:
    • visualização do nome e do cpf dos participantes
    • Visualização do total de participantes válidos
  • Realização dos sorteios das habitações por categoria:
    • Visualização do nome e do cpf dos sorteados

🚀 Como executar o projeto

  1. Frontend (pasta SorteioHabFrant)

💡O Frontend precisa que o Backend esteja em execução para funcionar.

Pré-requisitos

Antes de começar, você precisa ter instalado em sua máquina as seguintes ferramentas: Git, Node.js. Além disto é bom ter um editor para trabalhar com o código como VSCode

🎲 Rodando o Backend (servidor)

# Clone este repositório
$ git clone [email protected]/lffernandes/Sorteio

# Acesse a pasta do projeto no terminal/cmd
$ cd SorteioHab

# Vá para a pasta SorteioHabBack
$ cd SorteioHabBack

# Compile a aplicação
$ dotnet build

# Vá para a pasta SorteioHab.Domain.Tests (Opcional)
$ cd SorteioHab.Domain.Tests

# Execute os testes 
$ dotnet test

# Vá para a pasta SorteioHab.Domain.Api
$ cd SorteioHab.Domain.Api

# Execute a aplicação SorteioHab.Domain.Api
$ dotnet watch run

# O servidor inciará na porta:5001- acesse https://localhost:5001 ou na porta 5000- acesse http:https://localhost:5000

🧭 Rodando a aplicação web (Frontend)

# Clone este repositório
$ git clone [email protected]/lffernandes/Sorteio


# Acesse a pasta do projeto no seu terminal/cmd
$ cd SorteioHab

# Vá até a pasta "SorteioHabFront", nossa aplicação Front End
$ cd SorteioHabFront

# Instale as dependências
$ npm install

# Execute a aplicação 
$ ng serve

# A aplicação será aberta na porta:4200- acesse https://localhost:4200

🛠 Tecnologias

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

** BACK END ** (DotNet Core)

  • (/SorteioHab.Domain)

  • (/SorteioHab.Domain.Api)

    • [EntityFrameworkCore] "3.1.0"
    • [EntityFrameworkCore.Design] "3.1.0"
    • [EntityFrameworkCore.SqlServer] "3.1.0"
    • **[EntityFrameworkCore.Tools] "3.1.0" **
  • (/SorteioHab.Domain.Infra)

    • [EntityFrameworkCore] "3.1.0"
    • [EntityFrameworkCore.Design] "3.1.0"
    • [EntityFrameworkCore.SqlServer] "3.1.0"
    • **[EntityFrameworkCore.Tools] "3.1.0" **
    • **[EntityFrameworkCore.Relational] "3.1.0" **
  • (/SorteioHab.Domain.Tests)

    • [Coverlet.collector] "1.2.0"
    • Flunt "1.0.5"
    • [Microsoft.NET.Test.Sdk] "16.5.0"
    • [MSTest.TestAdapter] "2.1.0"
    • [MSTest.TestFramework] "2.1.0"

** FRONT END ** Angular + React + [HTML] + [CSS] + [Typescript] + [Typescript]

  • [angular/animations] "~11.0.1"
  • [angular/common] "~11.0.1"
  • [angular/compiler] "~11.0.1"
  • [angular/core"] ~11.0.1"
  • [angular/forms] "~11.0.1"
  • [angular/platform-browser] "~11.0.1"
  • [angular/platform-browser-dynamic] "~11.0.1"
  • [angular/router] "~11.0.1"
  • [bower] "^1.8.8"
  • [grunt-cli] "^1.3.2"
  • [rxjs] "~6.6.0"
  • [tslib] "^2.0.0"
  • [zone.js] "~0.10.2"

🦸 Autor

Luiz Felipe M. Fernandes 🚀

Linkedin Badge Gmail Badge


📝 Licença

Feito com ❤️ por Luiz Felipe M. Fernandes 👋🏽 Entre em contato!