inspirational-challenge

Seja bem-vindo ao repositório do projeto iClinic, um caso de uso que deve ser implementado contendo uma versão para plataforma web. Obrigado por participar do desafio da Dr.Cash! Estamos muito contentes pelo seu primeiro passo para fazer parte de um time excepcional.

Afinal, o que é esse desafio?

Primeiramente é importante se atentar aos pilares da Dr.Cash, seguindo metodologias de desenvolvimento ágil.

[Transparência] - Todo momento é momento para perguntar, tirar dúvidas e conversar sobre os processos e tarefas a serem executados, comunicação em primeiro lugar, sempre.
[Adaptabilidade] - Ofereça melhorias baseado em perspectivas e fundamentos, como também se adeque as normas impostas visando padrões já estipulados.
[Autonomia] - Ser Autodidata, proativo e fidelidade na busca constante por conhecimento.

Desafio

Exemplificar um caso de uso que mantenha em foco a manipulação de formulário de cadastro com paginação, que determina a utilização de recursos do React como também propõe o domínio de se trabalhar com validações, frameworks e lógicas de programação básica com a utilização de JavaScript, Html, CSS, ReactJS, alinhado com paradigmas como Orientado a Objetos e Programação funcional. Fique à vontade para fazer a Estruturação de Layout e Fluxo de Aplicação na maneira que quiser.

Obs: O único pré-requisito é que o código seja feito em ReactJS, de preferência na versão mais atual.

- Contexto

Michael contratou um plataforma para gerenciar as clínicas de sua rede. A regra de negócio consiste no registro de suas clínicas que realizam tratamentos estéticos em seu estado.

Com isso, você foi o responsável por pensar na escalabilidade como também garantir que os dados cadastrados de suas clínicas permaneçam íntegros.

Criar Landing Page.

Supreenda-nos com a criação de uma landing page para a rede de clínicas de Michael.

Criar layout para tela de listagem e cadastro de clínicas.

A partir da página home, deve ser possível navegar até a página de listagem de clínicas, aonde o usuário poderá realizar o cadastro de uma clínica em específico.
Deve existir uma lista de clínicas

No formulário de cadastro de clínica, deve-se coletar os seguintes dados:

Página 1

a) Nome da clínica.
b) CPF do responsável.
c) Capital social da Clínica.

Página 2

a) Dados de endereço (Livre)

Página 3

a) Um Botão para a conclusão de cadastro juntamente com uma mensagem de cadastro realizado com sucesso.

Pontos a serem observados:

Material UI como biblioteca para desenvolver layouts.
Deve ser criado uma Landing Page. O custom design deve preservar a UI e UX, se atentando às tecnologias voltadas para o CSS, SASS, JSS ou Styled Components.
Na obtenção para os dados de endereço deve ser utilizado a API dos correios, ViaCEP (https://viacep.com.br/).
A manipulação e criação de hooks também contarão na avaliação do projeto.
Fique livre para tratar as questões de boas práticas, convenções, nomenclaturas, padrões, frameworks e etc...

Features:

Deve ser possível listar e cadastrar clínicas.
Os dados coletados podem ser tratados com uma Mock API.

Bonus:

Tela de Splash;
Home Page com transições e animações;
Tratamento de erros e apresentação dos fluxos de exceção: Generic Error's e Loading's;

App em execução

Instrua como usar e também como foi a desenvoltura mediante os processos realizados neste sistema desenvolvido, além de quais ferramentas e tecnologias o auxiliaram e por quê?

Como executar o projeto

Descreva como executar o projeto e detalhe caso haja algum script ou regra existente.

Estrutura de arquivos do projeto

Importante se atentar nos aspectos de modularização, demonstre seu conhecimento sobre importações e exportações com raciocínio lógico e boas práticas.

*Exemplo Simplista*
root
+--iClinic // 
|
     Utils //  
|      index // 
|      MaskedInputs //
|      Palette //
     Validations //  
|      index // 
|      isValidNewPatient //
|      isValid //
     Components //
|      UI //
|        index // 
|        Inputs // 
|        Selectors // 
|        Grids // 
       Form // 
|        index // 
|        Form // 
|        Pagination //
|          index //
|          Pagination //
|          Pages //
|            index //
|            First //
|            Second //
|            Third //
|

Frameworks aplicadas no projeto

Atenção - Informe quais recursos de terceriros foram utilizados no projeto e descreva o por quê.

Experiência com o projeto

# Descreva sua experiênca com o projeto, tanto na parte técnica quanto na parte teórica.

Futuro

Descreva sobre possíveis planos para este projeto, melhorias ou alterações que você realizaria em prol de aumentar a qualidade no desenvolvimento.

ATENÇÃO

Não tente fazer o PUSH diretamente para ESTE repositório!

Autor

ATENÇÃO Crie uma branch nova seguindo o seguinte padrão:

As iniciais do seu primeiro e último nome. Ex: Ricardo Almeida (ra)
Seguido de "/"
Seguido de "feature"
Seguido de "/"
Seguido de o "nome da branch" em seguida envie um pull request para este repositório.

O processo de Pull Request funciona da seguinte maneira:

Faça um fork deste repositório (não clonar direto!);
Faça seu projeto neste fork;
Commit e suba as alterações para o SEU fork;
Pela interface do Github, envie um Pull Request;
Deixe o fork público para facilitar a inspeção do código;

ATENÇÃO. Não tente fazer o PUSH diretamente para ESTE repositório!

GeoChivas99s/front-end-challenge