<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<pre>
===================
<b>Post Landing page tech</b>
===================
<b>Host:</b>
Heroku (https://dashboard.heroku.com/apps)
===================
<b>Common commands:</b>
===================
heroku logs --remote heroku
lists application logs
heroku help
Help with commands
===================
<b>Server Addresses</b>
===================
Staging:
https://dashboard.heroku.com/apps/barkpost-dev
Production:
https://dashboard.heroku.com/apps/barkpost-production
===================
<b>Stack: </b>
Node JS!
===================
<b>NPMs </b>
===================
* cloudinary - cloud based storage and manipulation
<a href="http://res.cloudinary.com/barkbox/image/upload/c_fill,g_faces,h_494,q_80,w_484/co_rgb:45B1E2,g_south_west,l_text:coverly_40:MY%20DOG%20IS%20A%20popcorn%20hog%0ABUT%20I%20LOVE%20him%20ANYWAY,x_5,y_-110/g_north,q_100,u_polaroid_keclcs,x_4,y_-41/v35sdj3sbldu6mtbzrya.jpg" target="_blank">EXAMPLE</a>
* emma-sdk - communication with EMMA api (email service provider)
* express - web application framework
* grunt - Task Runner
* jade - Templating language
* multiparty - Handles form data on server including file uploads
* mongoose - Wrapper for mongo functionality
* shortID - generates short IDs (tracking referrals)
* supervisor - restarts node server on code change
* debug - allows for easy debugging via terminal
===================
<b>Grunt Settings:</b>
===================
grunt dev - set up to watch .styl, js and rebuild all the assets while development is occuring
grunt deploy - builds assets when code is deployed to Heroku
===================
<b>Main routes</b>
===================
/
<b>Main flow</b>
Default landing page
/refer
<b>Referral flow</b>
Landing page for referring other users
- generates shortID for tracking referral sign ups
- Allows you to send to multiple emails
===================
<b>Front End tech</b>
===================
* JQuery
* AngularJS
* JQuery UI + Punch (for touching moving stuff desktop/mobile)
* JQuery Validate (validation of forms)
</pre>
</body>
</html>
Output
This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account
Dismiss xKeyboard Shortcuts
Shortcut | Action |
---|---|
ctrl + [num] | Toggle nth panel |
ctrl + 0 | Close focused panel |
ctrl + enter | Re-render output. If console visible: run JS in console |
Ctrl + l | Clear the console |
ctrl + / | Toggle comment on selected lines |
ctrl + ] | Indents selected lines |
ctrl + [ | Unindents selected lines |
tab | Code complete & Emmet expand |
ctrl + shift + L | Beautify code in active panel |
ctrl + s | Save & lock current Bin from further changes |
ctrl + shift + s | Open the share options |
ctrl + y | Archive Bin |
Complete list of JS Bin shortcuts |
JS Bin URLs
URL | Action |
---|---|
/ | Show the full rendered output. This content will update in real time as it's updated from the /edit url. |
/edit | Edit the current bin |
/watch | Follow a Code Casting session |
/embed | Create an embeddable version of the bin |
/latest | Load the very latest bin (/latest goes in place of the revision) |
/[username]/last | View the last edited bin for this user |
/[username]/last/edit | Edit the last edited bin for this user |
/[username]/last/watch | Follow the Code Casting session for the latest bin for this user |
/quiet | Remove analytics and edit button from rendered output |
.js | Load only the JavaScript for a bin |
.css | Load only the CSS for a bin |
Except for username prefixed urls, the url may start with http://jsbin.com/abc and the url fragments can be added to the url to view it differently. |