Tecnologias | Projeto | Minhas Implementações
Be The Hero é um projeto da 11º edição da Semana OmniStack que é ministrada pela RocketSeat. Essa foi a minha primeira participação.
O projeto é um sistema de ajuda para ONGs onde uma instituição posta uma caso/incident informando um valor necessário para resolução do problema. A partir daí os Heroes entram em ação contactando a ONG para ajudar coma uma doação financeira.
Na ideia original, a versão Web, feita em React, conta apenas com a parte administrativa para ONGs. Nela uma instituição se cadastra, faz login e cadastra um caso.
Já no aplicativo, desenvolvido em React Native, foi feito apenas a área dos Heroes. Estes visualizam uma lista com os casos de todas as ONGs, acessam os detalhes de um caso e entram em contato, por e-mail ou Whatsapp, diretamente pelo aplicativo.
Esse projeto foi desenvolvido com as seguintes tecnologias:
- Node.js
- React
- React Native
- Expo
- Expo Mail Composer
- Express
- Celebrate
- Knex
- SQLite3
- React Icons
- Axios
- React-dom
- React-router-dom
- Intl
- Jest
- Supertest
Algumas pequenas melhorias que adicionei ao projeto:
✅ Melhor organização nos arquivos de rotas separando as validações do back-end (feitas com Celebrate) para um outro arquivo: src/routes/validation.js.
✅ Verificação se o incident existe ao acessar a rota DELETE no arquivo src/controllers/IncidentController.js. A falta dessa validação causa erro no back-end quando passado um ID de que já foi excluído.
✅ Icones nos botões de contato em src/pages/details/index.js.
✅ Adicionado um container com Scrollview na tela de detalhes de um incident. Dependendo do tamanho da descrição a parte inferior da tela ficava inacessível. src/pages/details/index.js.
🔲 Responsividade.