O documento fornece instruções para configurar e iniciar o projeto Photogram utilizando o framework Ionic. Ele descreve como instalar as dependências necessárias, clonar o repositório no Github, configurar o Parse e o Ionic Analytics e criar as classes no banco de dados antes de testar a aplicação no navegador.

1. Photogram
Version 1.3

2. Necessário
• Antes de começar, certifique-se que tenha os seguintes
frameworks instalados em sua máquina
• Node JS (www.nodejs.org)
• Git (https://git-for-windows.github.io/)
• Ionic Framework (http://ionicframework.com/)
• Bower (http://bower.io/)
• Gulp (http://gulpjs.com/
• $ npm install -g ionic bower cordova gulp

3. Etapa 1
Depois da Compra

4. Github

5. Github
• Depois da confirmação da compra dos Códigos
fontes do Photogram, será necessário ter uma
conta gratuita no Github para participar do grupo
do desenvolvimento.
• Após criar a sua conta no Github, envie um email
informando o seu nome de usuário e email para
photogram.ionic@gmail.com para receber o
convite para acesso.

6. Etapa 2
Clonando o Projeto

7. Git Clone

8. Fazendo uma Cópia
• Após aceitar o convite do Github, você terá acesso a
todo o histórico do desenvolvimento, além de poder
tirar dúvidas e sugerir novas funcionalidades.
• Para fazer uma cópia do projeto para a sua
máquina, vá até o terminal e digite o seguinte
comando:
• git clone https://github.com/photogram/ionic-app-parse.git Photogram
• Depois de clonar, basta acessar a pasta que foi
criada chamada Photogram

9. Etapa 3
Iniciando o projeto local

10. $ npm install

11. Dependências
• O Photogram possuem alguns frameworks especiais que
irão te ajudar no desenvolvimento ágil, para instalar tudo o
que é necessário, basta apenas digitar o seguinte
comando na pasta do projeto e executar.
• Automaticamente irá instalar todos os pacotes NPM e
Bower.
• $ npm install

12. Etapa 4
Configuração do Ionic Analytics

13. Ionic Analytics

14. Configurar Ionic Analytics
• O Photogram já vem configurado com a integração com o
Ionic Analytics
• Para você configurar, será necessário ter uma conta
gratuita em https://apps.ionic.io e depois digitar o seguinte
comando no terminal.
• $ ionic io init
• *Na primeira vez, irá ser solicitado seu email e senha do
ionic analytics para fazer a integração

15. Etapa 5
Configurando o Parse

16. Parse.com

17. Crie uma conta gratuita

18. Caso já tenha uma conta
crie um novo projeto

19. Clique em Data

20. Clique em Web

21. Clique em New Project

22. Agora clique em Settings

23. Acesse o painel de Settings
depois, copie suas credenciais para colar na próxima etapa

24. Cole suas credenciais em
www/js/config.parse.js

25. Etapa 5
Criando nosso banco de Dados

26. Acesse o menu Core
depois clique em Add Class

27. Class User

28. Class User
+ Col

29. Class UserFollow

30. Class UserFollow
+ Col

31. Class Gallery

32. Class Gallery
+ Col

33. Class GalleryComment

34. Class GalleryComment
+ Col

35. Class GalleryLike

36. Class GalleryLike
+ Col

37. Class GalleryActivity

38. Class GalleryActivity
+ Col

39. Class GalleryFeedback

40. Class GalleryFeedback
+ Col

41. Class GallerySetting

42. Class GallerySetting
+ Col

43. Class GallerySetting
+ Row

44. Class Gallery
+ Col

45. Etapa 6
Teste no seu Navegador

46. Teste no ser Navegador
$ ionic serve

47. Thanks so much
Willian Ribeiro Angelo
www.photogramapp.com
photogram.ionic@gmail.com