Git Product home page Git Product logo

dreamhouse-web-app's Introduction

DreamHouse Web App

This sample app is a mobile web app for DreamHouse that runs on Heroku and optionally uses Heroku Connect to get data from Salesforce. Check out a demo:

Demo

This app is built with Ionic and Node.js so you can easily run it locally and on Heroku.

Run Locally:

  1. Install and start Postgres
  2. Install Node.js
  3. Create a database in Postgres named dreamhouse
  4. Fetch the NPM dependencies: npm install
  5. Start the app: npm run dev
  6. Check out the app: http://localhost:8200/

Run on Heroku:

  1. Deploy on Heroku
  2. Check out the app: http://<YOUR APP NAME>.herokuapp.com

Use Heroku Connect:

  1. Signup for a Salesforce Developer Org
  2. Install the DreamHouse package into the org
  3. Add the Heroku Connect Addon to your Heroku app
  4. Setup Heroku Connect by clicking on Heroku Connect in the Resources tab of the app's management dashboard: https://dashboard.heroku.com/apps/YOUR_APP_NAME/resources
  5. Add a read-only mapping for Property__c with the fields: address__c, baths__c, beds__c, broker__c, city__c, description__c, location__latitude__s, location__longitude__s, picture__c, price__c, state__c, tags__c, thumbnail__c, title__c
  6. Add a read-only mapping for Broker__c with the fields: email__c, mobile_phone__c, phone__c, picture__c, title__c
  7. In Salesforce Setup's Object Manager, navigate to the Fields & Relationships for the Favorite object and add a new Text field with a label of Id, length of 36, Unique - case insensetive and check the External ID box
  8. Create a read-write mapping in Heroku Connect for Favorite__c with id__c selected for the unique id for writes and add the property__c field to the mapping
  9. Restart the app so the new database tables are used
  10. Check out the app and verify that sync works by changing a property's price in Salesforce

dreamhouse-web-app's People

Contributors

jamesward avatar ccoenraets avatar

Watchers

James Cloos avatar João Amílcar avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.