Dogs

Rede social para cães

Projeto final do curso de React da Origamid.

Descrição

O projeto é uma Single-Page Application feita com componentes React e estilizados com CSS puro. O professor forneceu uma API feita no WordPress, para criação de usuários, autenticação, post de fotos, post de comentários e recuperação de senhas, através de requisições HTTP no banco de dados. A Context API foi utilizada para armazenar as informações de login do usuário, assim como os status de loading e o tratamento de erros. A React-Router e a Victory foram as únicas bibliotecas externas utilizadas no projeto, sendo que a Victory foi importada utilizando o método lazy, para que os gráficos fossem gerados apenas quando renderizado o seu componente específico, melhorando o desempenho e consumo de memória da aplicação.

Instruções

É possível verificar o conteúdo estudado durante o curso, selecionando a branch específica de cada aula e o histórico de commits.

Caso você seja um desenvolvedor, use as instruções abaixo para instalar as dependências e sugerir alterações para a aplicação.

Após baixar o projeto deste repositório, dentro do diretório do projeto você deve usar o comando npm install em um terminal, para gerar a pasta node_modules. Concluída a instalação das dependências do projeto, use o comando npm start para visualizar a aplicação na porta localhost:3000. A página irá recarregar a cada alteração feita no código e mostrará eventuais erros no console.

npm install
npm start

Desafios das aulas

Ao longo do curso foram propostos vários desafios. A maioria eu consegui concluir com êxito, mas alguns usaram de métodos de JavaScript que eu ainda não conhecia.

Aula	Tópico da aula (código)
aula301	React Hook useState
auala302	React Hook useEffect
aula305	React Hook useContext
aula401	Formulários input
aula405	Formulários checkbox
aula412	Desafio validação
aula606	Desafio rotas