Photogram2 is an Instagram inspired application version developed in Ionic 2 with Parse Platform, with the purchase you will receive all source codes and instructions to customize the application and create your own Parse server.

https://medium.com/photogram/photogram2-tutorial-3353d125fe40#.56zicqoqt

Preview in Browser

• Photogram1 Ionic - Old version
• Photogram2 Ionic2 - RC3
• Multi Language - include 12 languages
• Angular 2.x
• TypeScript2 2.06
• NodeJS 6.9.1
• Parse Server
• Parse Dashboard
• Google Maps
• Facebook Web Version
• Check Connection
• Crop Image with CropperJS
• Camera Native
• Cache images
• Facebook Native Login
• In App Browser
• Push Notification with Parse Server and Firebase
• MultiTheme Platform (iOS, Android Material and Windows Phone)

• Google Analytics Native
• Deep Links
• Social Sharing
• Web Version with Angular 2

Download Ionic View

Scan Code with Ionic View [51e2e836]

Obs: Facebook Login not work in Ionic View

• Git
• Heroku Command Line

After receiving access to Github, create a folder of your project and enter the following commands in the terminal

git clone [email protected]:photogram/server.git myAppName-server
cd myAppName-server
npm install

From the terminal, you want to use the Heroku toolbelt I mentioned before step 1 to download your Heroku’d Parse server and make changes.

Login into heroku using the Heroku toolbelt:

heroku login

Finally, you can clone your new heroku app

heroku create myAppName-server
git push heroku master

Now access Heroku Dashboard, select your myAppServer and click em Resources tab

Click in Settings tab and Reveal Config Var button, and add Convig Var SERVER_URL with your Heroku Server URL with /parse/ example

https://photogram2-server.herokuapp.com/#/auth/install

To access the Parse Dashboard, simply put in site address /dashboard after the address of your server, then just fill with the default user admin, password admin123

By default the server comes with some settings, but you can change them by changing the Config Vars of Heroku or your server

// Mount path for the server. Defaults to /parse.
"PARSE_MOUNT": "/parse",
// (required) - The connection string for your database, i.e. mongodb://user:[email protected]/dbname.
// Be sure to URL encode your password if your password has special characters.
"DATABASE_URI": "mongodb://localhost:27017/photogram",
// URL to your Parse Server (don't forget to specify http:// or https://).
// This URL will be used when making requests to Parse Server from Cloud Code.
"SERVER_URL": "http://localhost:1337/parse",
// Your apps name. This will appear in the subject and body of the emails that are sent.
"APP_NAME": "Photogram",
// (required) - The application id to host with this server instance.
// You can use any arbitrary string. For migrated
"APP_ID": "myAppId",
// (required) - The master key to use for overriding ACL security.
// You can use any arbitrary string. Keep it secret! For migrated apps, this should match your hosted Parse app.
"MASTER_KEY": "myMasterKey",
"MASTER_REST_KEY": "myMasterRestKey",

// Files save in Folder
//"UPLOAD_LOCAL_PATH": "/tmp",

// Parse Dashboard
"DASHBOARD_URL": "/dashboard",
"DASHBOARD_USER": "admin",
"DASHBOARD_PASSWORD": "admin123",


// (optional) - S3 for Storage Files
// Files are hosted via automaticamentes GridStore Adapter in MongoDB
// If you want to host the files on S3 fill in the form below
"AWS_ACCESS_KEY_ID": "",
"AWS_SECRET_ACCESS_KEY": "",
"BUCKET_NAME": "",

// (optional) - MAILGUN for send Email
"MAILGUN_API_KEY": "",
"MAILGUN_DOMAIN": "",
"MAILGUN_FROM_ADDRESS": "",

// Firebase free Push Notification
"PUSH": {
  "android": {
    "senderId": "",
    "apiKey": ""
  }
}
}

After receiving access to Github, create a folder of your project and enter the following commands in the terminal

• NodeJS v6.9.1
• Git
• WebStorm or Visual Code for Edit Codes
• Ionic (npm install -g ionic)
• Cordova ( npm install -g cordova )

git clone [email protected]:photogram/photogram2.git myAppName
cd myAppName
npm install

For start Ionic Server

 ionic serve

Ionic 2 Official Documentation

Abra o arquivo src/config.ts e edit as linhas 2 e 3 com as configurações do seu Server criado no Heroku, exemplo

export const PARSE_APP_ID: string         = 'myAppId';
export const PARSE_SERVER_URL: string     = 'https://app-server.herokuapp.com/parse/';

Once you have a better understanding of how the project works, please refer to the Parse Server wiki for in-depth guides to deploy Parse Server to major infrastructure providers. Read on to learn more about additional ways of running Parse Server.

We have provided a basic Node.js application that uses the Parse Server module on Express and can be easily deployed to various infrastructure providers:

• Heroku and mLab
• AWS and Elastic Beanstalk
• Google App Engine
• Microsoft Azure
• SashiDo
• Digital Ocean
• NodeChef
• Pivotal Web Services
• Back4app
• HyperDev

Click in Here for More details about Parse Server Platform

For a better resolution I recommend that you export your logo in SVG and replace the file src/assets/img/logo.svg

With the Ionic 2 version it was much easier to change the theme of the app, for this, just edit line 17 in src/theme/variables.scss file

For translate for new laguange, follow this steps

1. Add new language in src/config.ts file

2. Duplicate src/i18n/en.json for new translate, sample: de.json and translate file

• I agree that this product should not be put into production without testing and adjustments by myself or employee
• This product is just an example application for studies or creation of other applications
• The developer agrees to provide updates indefinitely free of charge
• I agree that if I received access to the source codes I will not be able to receive my money back, since this product is access to the application source codes as shown in the images and description on that page

Email: [email protected]

Whatsapp: +5511949146353

</> with ♥️ from Brazil by Willian Ribeiro Angelo