Giter Site home page Giter Site logo

ajax-crud-book-app's Introduction

AJAX CRUD Book App Lab

In this lab you will CRUD resources using AJAX and a RESTful JSON API. Your goal is to create, read, update, and delete books, and to render those books to the page using jQuery and AJAX.

Getting Started

  1. Fork this repo, and clone it into your dev folder on your local machine.
  2. Familiarize yourself with the Super CRUD API (below). We will be using the /books endpoint.
  3. As you tackle the user stories below, make sure to commit frequently and push your changes to github.
  4. Finally, make sure your app is nice to use! Make sure to style your page using css & bootstrap (feel free to come up with your own design, or go off the screenshot below).

User Stories

A user should be able to...

  1. See (read) a list of all books (this is often called the "index")
  2. Fill out a form to create a new book
  3. Click a button to delete an existing book
  4. Edit or update an existing book

Additonally...

  • Your changes should be reflected both on the server and the page (how can you be sure they're in sync?)!
  • And, importantly, submitting a form should never cause the page to refresh!

API Documentation

Base URL: https://super-crud.herokuapp.com

####Books Endpoint

Request URL Action
GET /books READS all books
POST /books CREATES new book
GET /books/:id READS one book
PUT /books/:id UPDATES one book
DELETE /books/:id DELETES one book

Sample Response

GET /books

{
  books: [
    {
      _id: "563970891719c56cac83e5bb",
      title: "Around the World in 80 Days",
      author: "Jules Verne",
      image: "https://cloud.githubusercontent.com/assets/7833470/10892118/865bee3e-8156-11e5-9634-cd7bcd3d6d4f.jpg",
      releaseDate: "January 30, 1873",
      __v: 0
    },
    {
      _id: "563970891719c56cac83e5bc",
      title: "The Four Hour Workweek",
      author: "Tim Ferriss",
      image: "https://cloud.githubusercontent.com/assets/7833470/10892117/865b465a-8156-11e5-834b-9c4172d4b0fe.jpg",
      releaseDate: "April 1, 2007",
      __v: 0
    }
  ]
}

Recommended

There are a lot of gotchas you'll encounter as you CRUD your books! As you run into issues with our API add them to a list of problems you can research later (e.g. "I found it difficult to find documentation on what was returned from the API").

Prove to us you've read the document by including your list of 5 issues and any supporting references from the document in your submission pull request.

And don't forget to take a look at the solution branches! There is a solution branch for each user story, as well as an advance solution branch that uses handlebars templating.

Lab Submission

  • As you make code changes, frequently commit and push to GitHub.
  • Please submit this lab as a pull request.

Example Book App Screenshot

screenshot-of-book-app

ajax-crud-book-app's People

Contributors

cameronjacoby avatar eerwitt avatar nathanallen avatar nwimmer123 avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.