TCC APP

Este projeto é destinado para o APLICATIVO projeto de TCC Companheiro Fiel da ETEC JARDIM ANGELA.
Você pode também visualizar o SITE, DASHBORD e API (que o aplicativo usa) no seguinte repositório: https://github.com/IgorSPessoa/tcc

Tecnologias

• Ionic
• Angular
• Typescript
• SCSS

Plugins

Utilizamos os seguintes Plugins:

• HTTP (https://ionicframework.com/docs/native/http) - Conexões com a API
• STORAGE (https://ionicframework.com/docs/native/native-storage) - Para armazenar dados no dispositivo do cliente
• GEOLOCATION (https://ionicframework.com/docs/native/geolocation) - Para obter dados sobre a localização do usuário via GPS, tais como longitude e latitude
• GEOCODER (https://ionicframework.com/docs/native/native-geocoder) - Para conversões de LatLng em endereço e vice-versa
• CAMERA (https://ionicframework.com/docs/native/camera) - Para uso da câmera do dispositivo
• PHOTOVIEWER (https://ionicframework.com/docs/native/photo-viewer) - Para visualização da imagem em tela cheia
• FILEAPI (https://ionicframework.com/docs/native/file) - Para obter dados do celular do usuário

Funcionalidades

• Comunicação com uma API: Utilizamos uma API WEB PHP para fazer a conexão de dados do aplicativo com o banco de dados (MySQL), para tanto, utilizamos o Plugin HTTP;
• Armazenagem de dados: Utilizamos o Ionic Storage para guardar dados e poder utilizar em todas as páginas que queremos;
• Modal e Alerts: Utilizamos modais (https://ionicframework.com/docs/api/modal) e alertas do IONIC (https://ionicframework.com/docs/api/alert) em diversas páginas;
• Listas dinâmicas: As páginas de adoção, reports e ongs contam com lista dinâmicamente criadas;
• Fullscreen image: Utilizamos o plugin Photoviewer para fornecer uma melhor visualização de imagens a nossos usuários;
• Obter fotos da galeria ou tirar novas: Você pode escolher uma foto da galera ou tirar uma foto para ser enviados através de nossa API, tanto em reports ou para seu perfil. Para tanto, utilizamos os Plugin de Câmera e FileAPI do ionic;
• Geolocalização e geocoder: Utilizamos ambos plugins para fazer diversas funcionalidades, por exemplo, obter coordenadas geográficas do dispositivo atual.
• GOOGLE API: Utilizamos a API AutoComplete do Google (https://developers.google.com/maps/documentation/javascript/examples/places-queryprediction);
• Ion-Menu: Utilizamos o Plugin para um menu simples, mas eficaz (https://ionicframework.com/docs/api/menu).

Screenshots

Página de login

Página de criação de conta

Sistema de carregamento usando ion-skeleton

Página de ONGs

Página de perfil de uma ONG

Menu do aplicativo

Equipe

Guilherme Parnaíba Front-end e back-end do aplicativo;
Igor Santos Pessoa: Front-end do aplicativo;