Giter Club home page Giter Club logo

harrypotterquiz's Introduction

"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://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!


harrypotterquiz's People

Stargazers

 avatar

Watchers

 avatar

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.