🤖 TechZap 🚀 - Veja o Artigo.
O TechZap é uma aplicação que consiste em uma página Web e uma API Rest (Chatbot). O projeto foi desenvolvido durante o ProviHack e busca atender a necessidade de pessoas de baixa renda acessarem conteúdos que as preparem para atuar no mercado de tecnologia. O público alvo da aplicação tem como principais barreiras a falta de um computador, internet limitada ou instável e dificuldade em instalar aplicativos específicos (seja por falta de espaço em memória ou desconhecimento). Inicialmente observamos que, embora sem muitos recursos, é comum ter ao menos um (1) smartphone em cada casa e a maioria das pessoas se comunicarem através das redes sociais. Pensamos então em utilizar Whatsapp, pois trata-se de um app de mensagens comum e de dados ilimitados para algumas operadoras. Para levar de modo didático e acessível conteúdos de programação, surgiu a ideia de criar uma página Web para filtrar e direcionar o público para um Chatbot que irá interagir e disponibilizar os conteúdos.
A página Web é a "porta de entrada" da aplicação. Nela estão as informações principais da solução, seu propósito e funcionamento. O objetivo dessa página é filtar os públicos que a acessam e encaminhar para o Chatbot, segundo o perfil de cada usuário. Os tipos de público são 3: alunos, professores e familiares.
O Chatbot é uma API Rest desenvolvida em Node.js e que tem por objetivo interagir com usuários por meio do Whatsapp. Basicamente será utilizado um banco não relacional (MongoDB) para armazenar as mensagens e conteúdos consumidos pela API no modelo “Chave-Valor”. A lógica do chat consiste em interagir com o usuário e enviar opções para que ele escolha qual conteúdo quer receber. Ao receber os inputs do usuário, a API precisa enviar os conteúdos de maneira ordenada e precisa, de acordo com o que foi descrito na opção escolhida pelo usuário.
Durante o ProviHack conseguimos implementar:
- Estruturação de pastas;
- Criação da página Web;
- Criação dos arquivos que contém as mensagens do chat.
Ainda falta implementar:
- Modelagem de dados (criação de models e tabelas);
- Lógica das controllers;
- Endpoints;
- Autenticação;
- Testes unitários e de integração;
- Deploy.
Executar no navegador o arquivo html contido em: TechZap-Front / index.html
Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git e um editor para trabalhar com o código, como o VSCode
Editar a aplicação ou rodar localmente# Clone este repositório em sua máquina
$ git clone https://github.com/Padilha27/ProviHack
As seguintes linguagens/tecnologias foram usadas na construção do projeto:
- Html
- Css
- Node.Js
- Express
- TypeScript
- Sequelize (ORM)
- MongoDB
- Prettier
Feito com 💜 por:
- Andrea Babilonia : UX/UI Designer
- Bianca Padilha: Dev. Fullstack
- Dionatas Lazzari: Dev. Fullstack
- Eloísa Schwertner: UX Designer
- Luany Souza: Dev. Front-end
- Fabio Neres: Produto