/treinamento-vuejs

Treinamento completo de Vue.js

Primary LanguageJavaScriptMIT LicenseMIT

Treinamento de Vue.js

code-size language-count license

Aplicação desenvolvida durante o Treinamento de Vue.js da Vue.js Brasil

Sobre o projeto | Tecnologias utilizadas | Layout da aplicação | Como executar a aplicação | Como contribuir | Licença | Autor

📄 Sobre o projeto

O projeto é um sistema de feedbacks, no qual possuirá um widget, que poderá ser vinculado a qualquer site, para os usuários deixarem os seus comentários. Neste sistema serão listados todos os feedbacks, categorizando-os em: Todos, Problemas, Ideias e Outros. Para vincular o widget em um site, o usuário deve pegar uma credencial da chave API e inserir no código fonte de seu site.

🧑‍💻 Tecnologias utilizadas

Vue.js JavaScript TypeScript NodeJS TailwindCSS Babel Jest

🎨 Layout da aplicação

O layout da aplicação está disponível através dos links abaixo:

Lembrando que é necessário possuir uma conta no Figma para ter acesso aos layouts.

🚀 Como executar a aplicação

Antes de executar a aplicação certifique que você tenha instalada uma versão LTS do Node.

Com o node.js instalado, siga os passos:

  • Clone o repositório:

    git clone https://github.com/andersondev96/treinamento-vuejs/
    
  • Acesse o back-end do projeto e instale as dependências:

    cd backend
    npm install
    
  • Faça o build do back-end em um container docker:

    npm run build
    
  • Rode o container que foi buildado:

    npm run container
    
  • O backend estará disponível na porta 3000

  • Acesse o dashboar da aplicação e instale as suas dependências:

    cd dashboard
    npm install
    
  • Execute a aplicação.

    npm run serve
    
  • Acesse o widget e instale as suas dependências:

    cd widget
    npm install
    
  • Execute a aplicação:

    npm run serve
    

    🤝 Como contribuir?

  • Faça um fork desse repositório.

  • Crie uma branch com a sua feature: git checkout -b my-feature.

  • Faça commit das suas alterações: git commit -m 'feat: My new feature'.

  • Faça push para a sua branch: git push origin my-feature.

Depois que o merge da sua pull request for feito, você pode deletar a sua branch.

📝 Licença

Este projeto está sob a licença MIT.

👥 Autor

Anderson Fernandes Ferreira

instagram email linkedin

Feito com 💚 por Anderson Fernandes 👋 Entre em contato!