• run npm install && bower install for dependencies
• create data/db folder under project root
• run sh start-db.sh to start mongodb
• cd to the project root in terminal, run npm run watch
• open another terminal window/tab, cd to the project root and run gulp
• run sh import-suburb.sh to import suburb table, you may need to change the database name in the shell script

call http://localhost:3000/api/load to load testing data, you only need to do this once

• run mongo to get into the mongodb command shell
• run use nef to select database 'nef'
• run db.getCollectionNames() to list all collections in the database
• run db.property.find() to list all data in collection 'property'
• run db.property.drop() to delete the collection 'property'

• please create a branch for each feature, branch name should be feature\<BRANCH NAME> or bugbix\<BRANCH NAME>
• use pull request to merge back to the master branch
• master branch for deployment
• tag the production version

• PropertyActions -> PropertyStore (handle all CRUD actions and states for property/properties)
• ListingActions -> ListingStore (handle all properties listing actions and states)
• SearchActions -> SearchStore (handle all search including search narrow downs)

1. do the following import in component if needed:

import counterpart from 'counterpart'
import Translate from 'react-translate-component'

2. put the translated string in JSON format under locales folder a) for React component, use:

<Translate content="nav.toggle" />

b) for String output, use:

counterpart("nav.search.placeholder")

for more details, please refer to React Translate Componenent and Counterpart

• pagination (may use this one: react-paginate)
• suburb/postcode search auto-complete
• google map integration for property details page
• translation (Using React Translate Componenent, later on can move to React-Intl V2)
• add property with image upload (may use this one: react-dropzone)
• display property images carousel in property details page (may use this one: react-responsive-carousel)
• narrow down search results by price, type & features
• style polish & responsive

• user register/login
• user profile
• social network login integration
• property details form enhancement
• property management

• nearby facilities for property
• search by facilities

• property shortlist
• property rating/comment

• remove jquery dependencies
• remove bower dependencies
• clean up CSS
• considering other UI component that not relying on jQuery, such as (mui, sementic-ui-react, etc)

• add/update Google Map API key
• remove the testing data and relevant API
• import suburb/postcode information into DB
• solving the test errors

• a walkthrough of the project structure
• React Eco System
• ALT for Flux
• Flux Data Flow
• Redux
• React Router Redux
• Fetch API
• Fetch Mock
• Immutable JS
• Redux Form
• Migrating to Redux