Update README.md

Author: howardyclo

README.md

@@ -3,8 +3,8 @@
 This repo contains two sample applications using **React** and **Redux**, 
 built with **Babel** and **Webpack** and tested with **Jest** :
 
-1. [TodoMVC](http://todomvc.parseapp.com/)
-2. DatingApp (Not done yet.)
+1. [TodoMVC](http://todomvc.parseapp.com/) (Basic, no async actions)
+2. [MeetingApp](http://meetingapp.parseapp.com/) (Advanced, contains async actions, routings, authentication flow and so on)
 
 (Click the above project links to see demo)
 

meetingapp/README.md

@@ -1,31 +1,34 @@
-# [TodoMVC](http://todomvc.parseapp.com/)
+# [MeetingApp](http://meetingapp.parseapp.com/)
 
-It is easy and fast to learn how a design pattern works by implementing a todo list.
-<br>
-Here we implement a todo list using **Redux** architecture.
-<br>
-(Click the above title link to see demo)
+## User story
+Setting up a meeting with someone always bothers me. 
+
+## Features
+* Asyncronized actions
+* Routings built with React Router for routes and Redux Simple Router for transitions.
+* Handle public and private views, based on  [**Higher Older Component**](https://medium.com/@dan_abramov/mixins-are-dead-long-live-higher-order-components-94a0d2f9e750) implementation
+* Authentication flow : sign up, login, logout
+* Use [**Parse**](https://www.parse.com/) as backend
+* Beautiful UI
 
 ## Project structure
 ```
-|-- todomvc
-    |-- .babelrc 		  # Babel configuration file, makes us able to write es6 syntax
-    |-- README.md		  # Ignore it
-    |-- package.json 	  # Node package configuration
+|-- meetingapp
+    |-- .babelrc          # Babel configuration file, makes us able to write es6 syntax
+    |-- README.md         # Ignore it
+    |-- package.json      # Node package configuration
     |-- webpack.config.js # Webpack configuration file
     |-- app               # App src code
     |   |-- index.js      # Entry point of app, config in webpack.config.js
     |   |-- __tests__     # Jest unit test
+    |   |-- img           # image files
+    |   |-- modules       # Parse initialize and configs (App key and JS key)
     |   |-- actions       # Redux actions
     |   |-- components    # React dumb component
     |   |-- containers    # React smart component, composed by dumb component
     |   |-- reducers      # Redux reducers
     |   |-- store         # Redux store
     |-- build             # Webpack build/deploy output folder
-        |-- bundle.js  	  # You can change output file name in webpack.config.js
-        |-- index.html 	  # After build or deploy, you can open this file to see demo
-        |-- style.css     # You can change output file name in webpack.config.js
-
 ```
 
 ## Setup workflow
@@ -34,7 +37,7 @@ First open your command line, clone this project (suppose you have installed [gi
 
 ```
 git clone https://github.com/HowardLoTW/react-redux-sample.git
-cd react-redux-sample/todomvc
+cd react-redux-sample/meetingapp
 ```
 Suppose you have installed [nodejs](https://nodejs.org/en/) (required node version 4.x or upper. I'm using node v5.3.0 & npm v3.3.12).
 <br>Type 'npm install' in your command line to install dependencies.
@@ -48,6 +51,15 @@ npm run dev
 ```
 Open your browser and navigate to http://localhost:8080/webpack-dev-server/
 
+##### Parse Setup
+Go to [**Parse**](https://www.parse.com/) and create a project.
+<br>
+Remember to change Parse keys at `meetingapp/app/modules/config.js`.
+<br>
+Create two classes in your Parse app
+1. User (By default)
+2. Timetable (Custom) containing two columns: `data (String)`, `user (Pointer to _User)`
+
 ### Testing
 ```
 npm run test
@@ -77,6 +89,7 @@ You can checkout the following talks for more information:
 1. More setup workflow information, please refer to [react-webpack-cookbook](https://christianalfoni.github.io/react-webpack-cookbook/index.html)
 2. [Learn to implement Redux architecture in React app](http://rackt.org/redux/index.html)
 3. [More Redux example](https://github.com/rackt/redux)
+4. [Authentication basic example](https://github.com/joshgeller/react-redux-jwt-auth-example)
 
 
 

meetingapp/app/components/Timetable/Timetable.js

@@ -32,8 +32,6 @@ export default class Timetable extends Component {
 
 		const { days, timetable, isSetting, timetableToBeCompared } = this.props;
 
-		console.log(timetableToBeCompared);
-
 		return (
 			<table className={classnames(styles.timetable, {
 				[`${styles.settable}`]: isSetting

meetingapp/app/modules/parse/config.js

@@ -1,4 +1,4 @@
 export default {
-	PARSE_APP_ID: 'BDTpem5piXI5btT6IEokDSgKXSpuXrMhNgsphPg4',
-    PARSE_JS_KEY: 'kFNq23NewwNncL0u2xmEayiwqDxV1twbFoSpz7Np'
+	PARSE_APP_ID: 'vpNdKRT27czZ0UyJJ0I3sDHbXKIWiLxY767wjMzn',
+    PARSE_JS_KEY: 'SeiC7y9aveYViNvWknpgp4q55AoRsXYuVMzUmaKY'
 }

meetingapp/build/bundle.js

@@ -2,7 +2,7 @@
 <html>
 <head>
 	<meta charset="utf-8">
-	<title>TodoMVC</title>
+	<title>Meeting App</title>
 	<link rel="icon" href="data:;base64,=">
 	<!-- See webpack.config.js ExtractTextPlugin -->
 	<link rel="stylesheet" type="text/css" href="style.css" />