Teste técnico para a vaga remota de Frontend Developer da Instruct

Overview

Teste Técnico Desenvolvedor(a) Frontend Júnior [REMOTO]

Neste repositório você encontra o enunciado do teste técnico para a vaga de Desenvolvedor(a) Frontend Júnior [REMOTO] da Instruct! Você provavelmente chegou aqui através da indicação de alguma pessoa da empresa após passar pelas outras etapas do processo seletivo. Se este não for o seu caso e mesmo assim você implementar alguma solução para este exercício, ele não será avaliado.

Você pode usar o problema descrito aqui para exercitar suas habilidades de desenvolvimento, mas a sua solução será avaliada por alguém da Instruct apenas se você estiver no processo seletivo da vaga de Desenvolvedor(a) Frontend Júnior [REMOTO].

Caso tenha interesse em se candidatar para uma vaga da Instruct, siga as instruções no site: https://instruct.com.br/trabalhe-com-a-gente/

Nessa página você encontra as vagas abertas atualmente e todos os detalhes de nosso processo seletivo. Se você não encontrou uma vaga que pareça adequada, confira a página novamente em um ou dois meses, ela é atualizada com certa frequência.

Problema

A Vough é uma empresa de marketing que vem buscando novas oportunidades de negócio, porém o time comercial não possui nenhuma ferramenta que facilite a visualização de clientes em potencial.

Solução

Para ajudar o time comercial, você deve desenvolver uma interface que liste os contatos de clientes em potencial (leads). A tela deve fornecer informações úteis que facilitem a comunicação entre o time comercial e o cliente e sua empresa.

A lista de contatos deve ser consumida via API REST encontrada aqui caso ela não esteja funcional utilize esta aqui, para facilitar a usabilidade dois filtros devem ser disponibilizados: por nome do contato (campo name) e pelas possíveis categorias das empresas (encontradas no campo company.bs).

Exemplo: aggregate real-time technologies: Aqui possuimos 3 categorias, nossa aplicação deve permitir que elas sejam filtradas separadamente.

Como o time comercial nem sempre está nos escritórios da Vough, a interface deve ser responsiva para que seja facilmente acessível via smartphones e deve seguir a referência visual encontrada neste repositório como logo, fontes e cores marcas registradas da empresa sem a utilização de frameworks visuais prontos como Bootstrap, Tailwind entre outros.

O projeto deve ser desenvolvido com base na estrutura encontrada neste repositório utilizando Nuxt.js e publicado no Heroku utilizando Free Tiers disponíveis.

Recomendações

  • Utilize apenas CSS/SCSS desenvolvido por você.
  • Utilize HTML semântico.
  • Se preocupe com a UX e UI do projeto elas serão levadas em consideração na avaliação.
  • Utilize Git com boas mensagens de commit.
  • Se atente nas boas práticas do Vue.js.
  • Para desenvolver utilize o comando npm run dev (Se preferir utilize o Yarn).

Avaliação

Quando você finalizar a implementação, adicione o usuário com o e-mail [email protected] como colaborador do app publicado no Heroku até o fim do prazo estipulado. A partir disso, conseguimos o endereço em que sua app está publicada e seguimos com as validações necessárias.

Issues
webchat via WebSockets/WebRTC that allows messaging/video call/screen sharing

Live demo: pychat.org, video Table of contents About When should I use pychat How to host pychat Run test docker image Run prod docker image Native se

Andrew 167 Jun 3, 2021
Web application for organization of foodsaving groups worldwide - frontend code and central location for feature planning. For server-side code, go to https://github.com/yunity/karrot-backend

A web platform to support foodsaving groups worldwide. ?? ?? ?? karrot (Frontend) (Backend) This is the frontend repository, i.e. the browser-side sof

yunity 264 Jun 3, 2021
The open source Vue.js frontend (mobile and cordova app) for the argentinian carpooling application: Carpoolear

Carpoolear frontend Español Carpoolear es la primera aplicación argentina de Facebook que permite a los usuarios de dicha red social compartir viajes

STS Rosario 64 Apr 30, 2021
Sheiley Shop is a PWA to track personal purchases, No more paper and pencil to go to the supermarket 🏬

Sheiley Shop Content Description Features Get started ⭐ Frontend ?? API entry point Frontend production Backend ?? Database Backend production Extra D

Albert E. Hidalgo Taveras 30 May 7, 2021
An intuitive portfolio mangaer !

GoPlan Finance An intuitive portfolio manager! ⭐ Star us on GitHub — it helps! Roadmap • How To Use • Notes & disclamers • License Roadmap We seek to

null 10 Jun 3, 2021
A HashiCorp Vault UI written with VueJS and Vault native Go API

Goldfish Vault UI - Live Demo Share this repo with your colleagues! What is this? Goldfish - A HashiCorp Vault UI and workflow tool. pic.twitter.com/u

Tony Cai 2.2k Jun 11, 2021
Discover dev news with zero effort 👩🏽‍💻

Welcome to the daily.dev repository The latest dev news delivered to your new tab ????‍?? Made with ❤️ by developers for developers ?? daily.dev daily

daily.dev 3.5k Jun 4, 2021
atmo is a selfhosted temperature and humidity monitoring system for you home.

atmo atmo is a selfhosted temperature and humidity monitoring system for you home. It uses standard ZigBee sensors but without the need for a commerci

Alexander Zeller 9 May 9, 2021
A starter template for building complete application using Node.js and Vue.js with some included packages and configurations to help start the development quickly.

Node-Vue-Template A starter template for building a complete application using Node.js and Vue.js with some included packages and configurations to he

Muhammad Ubaid Raza 63 May 6, 2021
The frontend service for developer module of EdgeGallery platform

developer-fe Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build Ru

EdgeGallery 20 Jun 3, 2021
一套java后端自动生成接口并支持用例测试的工具(Tools that run in an operational or development environment)

apiface (一套由java开发的接口文档工具) Tools that run in an operational or development environment

null 17 Jun 9, 2021
File manager for Laravel

Laravel File Manager DEMO: Laravel File Manager Vue.js Frontend: alexusmai/vue-laravel-file-manager Documentation Laravel File Manager Docs Installati

Aleksandr Manekin 677 Jun 11, 2021
🚀 A dashboard for your homelab

Dashy Dashy helps you organize your self-hosted services, by making them all accessible from a single place Features ?? Instant search by name, domain

Alicia Sykes 130 Jun 9, 2021