Process - maudnals/trams GitHub Wiki

I. Graphically render tram paths II. Business logics III. UX refinements

Step 0: Make a plan //OK

Step 1: Graphically render tram paths //OK Also good for debug.

• For 1 tram:
  • Display its tracks, inkl. stops
  • Make it move properly
  • Control stop and start
• Manage the node
• Render all trams as above.

Step 2: Business logics

• Correct behaviour
• Form //OK

Step 3: Make sure code is well-structured //OK

Step 4: Make sure code is robust //TOD0

• Errors
• Tests
• Lint

Step 5: UX

• Basic visual indications: a, b, c //OK
• Advanced visual indications: "A must wait" //OK
• Colors //OK
• Isolated canvases to finally animate lines (http://stackoverflow.com/questions/23939588/how-to-animate-drawing-lines-on-canvas) //no

Step 6: Asset Optimization //TODO

• gzip
• minified

Step 7: Make sure code is commented an cleaned up

Step 8: Deploy GitHub page //TODOMAYBE

Step 9: Clear explanations, inkl {this plan} and scaling recommendations //TODO

Step 10: Refinements

• Support node as the 2nd station
• UX: ** Responsiveness ** Make it look like a tram