Typescript, React.js, React Native, sqlite3, Typeorm, Expo, Express
Foi desenvolvido uma plataforma para centralizar a busca de "orfanatos" (Serviço de Acolhimento Institucional para Crianças e Adolescentes) em nossa própria cidade. A pessoa/organização pode cadastrar um/seu "orfanato", onde vai aparacer no mapa geral da aplicação.
- ☑️ Implementação do campo WhatsApp na Web e Mobile;
- ☑️ Implementação das telas de onboarding;
- ☑️ Validação visual no formulário de cadastrar "orfanato";
- ☑️ Splash Screen no mobile com expo;
A NLW03 foi diferente para mim, por que foi o segundo que participei, o primeiro foi do projeto Proffy e, confesso, que na NLW02 minha mente explodiu com tanto conteúdo novo. No mesmo período da NLW02 eu estava no meu primeiro Bootcamp de Fullstack estudando React, e fazia quase 2 meses de bootcamp, e a NLW02 me tirou muitas dúvidas que surgiram lá no bootcamp e eu também fiquei perdido com tanta informação, mas também fiquei super feliz, por que, além de tirar minhas dúvidas, eles mostraram na prática a resolução delas, e algumas delas eram sobre: como navegar entre páginas, como conectar com um banco de dados sqlite e usar o localStorage do navegador/celular, como estilizar um app web e como CRIAR um app com React Native, dentre outros. Depois eu consegui até implementar o react-select no projeto web e native, que eram uma das sugestões do pessoal. Coisa pouca, mas consegui. kkkk
E nesse NLW, eu fui vendo ele programando e fui entendendo quase tudo o que estava acontecendo na tela, diferente da NLW02. Isso me motiva a tentar criar um App pessoal, que até estou desenhando no Figma!, coisa que eles nem ensinaram, mas de só de ver o layout deles, dá uma grande motivada de desenvolver essa skill nova. Também me motivou a tentar implementar o que faltou e os desafios propostos pelo Diego e, abaixo, segue o que consegui implementar:
Dentro da pasta "backend", crie uma pasta chamada "uploads" e dê um yarn install, depois dê um yarn dev para iniciar o server.
Desafios que ainda faltam implementar
- Máscara no campo WhatsApp (Web/Mobile)
- Responsividade do projeto Web
- Shimmer na tela de load de cadastro
- Arrumar organização de upload de imagens no mobile ✅
- Botão de excluir foto do uploads ✅
- Estilo do switch do cadastro de orfanato
- Desafios do Diego:
- Acesso restrito;
- Recuperação de senhas;
- Cadastro de orfanatos (Ter uma área de aprovação de cadastros);
- Onboarding do usuário (Web);
- Localização real do usuário;
- Cadastro em múltiplas etapas;
- Logout da aplicação;
- Deploy da aplicação (Migrar do sqlite para o PostgreSQL).
Em breve gravarei e postarei aqui.