A ideia do projeto é auxiliar o usuário na busca por profissionais numa determinada área e impulsionar a visibilidade desses através de um perfil público.
Assim como empresas de transporte (Uber, Cabify), conectam motoristas a passageiros, ou empresas de hospedagem (Airbnb, Booking), conectam acomodações a hóspedes, a Workcom surgiu para conectar o usuário a qualquer profissional atuante na área da saúde, como médicos, dentistas, nutricionistas, etc. E esses, através da plataforma, são possibilitados a atingir um maior engajamento, utilizando a plataforma também como uma forma de propaganda.
Esse projeto é parte do meu portfólio pessoal, foi desenvolvido durante um mês com o objetivo de colocar meus conhecimentos em prática na criação de uma aplicação completa do zero (sem utilizar como base cursos ou outros projetos).
O desenvolvimento desse projeto foi feito em parceria com um amigo, responsável pelo back-end, enquanto fui o responsável pela elaboração do design (UI e UX) e pelo código front-end.
1 - Selecione “Porto Alegre” no campo Cidade para testar a pesquisa de profissionais.
2 - O aplicativo é 100% responsivo (compatível com dispositivos móveis).
3 - Não é possível utilizar a função “Esqueceu a senha”.
Como cliente:
-
Crie uma conta com email e senha ou utilize o login do Google.
-
Busque por um profissional filtrando por cidade, profissão, especialização e plano de saúde.
-
Obtenha acesso a um perfil detalhado do profissional com foto, telefone, endereços, convênios aceitos, descrição e formação.
-
Envie mensagens de ajuda ou sugestões.
Como profissional:
-
Crie uma conta para ter um perfil público divulgado na plataforma.
-
Envie mensagens de ajuda ou sugestões (também disponível dentro de Selects para sugerir a adição de novas profissões ou convênios).
Para executar este projeto no modo de desenvolvimento, você precisará ter um ambiente básico para executar um React App, que pode ser encontrado aqui.
Clonando o respositório
$ git clone https://github.com/matheustenedini/workcom
$ cd workcom
Instalando dependências
$ yarn # ou npm installExecutando
$ yarn dev # ou npm run dev- React - Biblioteca JavaScript para criar interfaces de usuário
- Next.js - Framework para React
- Tailwind - Framework CSS
- Typescript - Tipagem estática
- React-Query - Gerenciador de estado para requisições
- Axios - Cliente HTTP para fazer requisições
- Zustand - Gerenciador de estado
- React-Hook-Form - Criação de formulários
- React-Icons - Ícones
- Nookies - Gerenciar cookies
- React-Hot-Toast - Notificações popup
- React-Spring - Animações
- Reat-Textarea-Autosize - Redimensionar componentes “textarea” automaticamente
This project is licensed under the MIT License - see the LICENSE.md file for details