Giter Club home page Giter Club logo

conexaoqa's Introduction

ConexaoQA

Crie um perfil/portfolio de QA, compartilhe posts e obtenha ajuda de outros QAs

Aplicação para criar perfis de QA, compartilhar e postar dúvidas, dicas, vagas, ou qualquer assunto da área de qualidade de software.

  • Crie seu perfil
  • Adicione suas redes sociais
  • ✨ Interaja com a comunidade ✨

Funcionalidades

  • Registrar usuário com senhas criptografadas
  • Login via JWT (JSON Web Token)
  • Criar perfil de usuário com experiências profissionais, formações acadêmicas e redes sociais
  • Integração com GitHub para exibir os últimos 5 repositórios
  • Postar dúvidas/sugestões/perguntas ou qualquer iteração com a comunidade de QA
  • Like/Unlike em posts
  • Criar threads de conversas em posts
  • Páginação de posts e comentários a partir de 7 posts
  • Atributo data-test para elementos HTML
  • Redux DevTools (Extensão Chrome) habilitado para o site
  • Redux Store disponível no window.store e estado inicial do state disponível no window.initialState

Tech

MERN - MongoDB, Express, React JS, Node.js

Instalação

Online

Caso não queira instalar a aplicação local, acesse o ConexaoQA publicado no Heroku.

Local

Instalar o Node.js

Versão utilizada no desenvolvimento:

  • Node: 14.15.1,
  • npm: 7.5.2

Clonar o projeto:

git clone https://github.com/pehguerra/conexaoQA.git

Navegar para pasta do projeto e instalar as dependências do back-end:

cd conexaoQA
npm install

Navegar para pasta client e instalar as dependências do front-end:

cd client
npm install --legacy-peer-deps

Dentro do projeto, criar as variáveis de ambiente:

  • Dentro da pasta config criar o arquivo dev.js
  • dev.js:
module.exports = {
    mongoURI: "",
    jwtSecret: "",
    githubClientId: "",
    githubSecret: ""
}
  • mongoURI: Criar um cluster online gratuíto no mongoURI. Depois de criado, pegar a string de conexão que deve ser algo parecido com: mongodb+srv://<username>:<password>@clusterName.f03bhu.mongodb.net/myFirstDatabase?retryWrites=true&w=majority
  • jwtSecret: Pode ser qualquer palavra, frase. Esse valor é utilizado pelo JWT para gerar um token
  • githubClientId: Gerar um OAuth App dentro do GitHub, selecionando Settings -> Developer Settings -> OAuth Apps. HomepageURL e Authorization callback URL que são pedidos na hora da criação das chaves pode ser http://localhost:3000
  • githubSecret: Gerada junto com o githubClientId

Por fim, iniciar a aplicação a partir da pasta raiz do projeto, mesma pasta que foi instalada as dependências do back-end:

cd ..
npm run dev
URLs

http://localhost:3000/ -> Aplicação ConexãoQA

http://localhost:5000/ -> Servidor backend (APIs)

http://localhost:5000/api-docs/ -> Documentação APIs REST - Swagger

conexaoqa's People

Contributors

welitaluisa 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.