wdi-sea / express-daily-planet-ajax

[express, ajax] - no database needed!

Making Headlines - Daily Planet (Part 1: Getting RESTed)

Welcome to the Daily Plnet! We already have starter code for GET and POST routes for the Daily Planet newspaper. However, one of our journalists has made a series terrible spelling mistake and needs to edit an incorrect article right away!

Help us with your super human developer skills! Implement the ability to edit and remove articles using AJAX and proper RESTful verbs - PUT and DELETE!

Goals

• Use RESTful routing for all of your routes (see today's notes)
• Asynchronous edit and remove operations using jQuery's AJAX (alternatively you may use the Method Override module if you prefer)

Starting point

Your articles index page GET /articles/ should list all of the Daily Planet's articles (included in the starter code).

New Behavior

• Delete articles on click
  • create a delete button for each article on the articles index page
  • Make an AJAX call to DELETE /article/:id
  • That route should take the article's id and delete the appropriate article
  • Ideally, the page should not refresh, but since the article ids will change on delete, have the page refresh. We'll get around this later.
• Edit articles on click
  • create an edit button for each article on the articles index page
  • The edit button should call to GET /article/:id/edit and bring up a form to edit the content of the article
  • Once the edits have been made on the edit form, submit the data back to PUT /article/:id.
  • Note that after your AJAX call successfully edits the article, you can redirect back to the articles index page.
• Add the delete and edit buttons to the article's show page (GET /articles/:id)

Bonus: Clean it up

Once you get AJAX working go back and start cleaning the app up. Here are some ideas.

• Clean up styling and make it look like a site you'd actually use.
• Add a home page. Look at other sites you like for inspiration. This is the first thing visitors see when they use your app.
• Catch errors - your app cannot crash when live so it needs to "fail gracefully". The following are some examples of URLs your app should be able to handle without totally crashing...
  • http://localhost:3000/articles/213123
  • http://localhost:3000/asfasgra