Skip to content

Latest commit

 

History

History
42 lines (27 loc) · 2.17 KB

assignment-4.md

File metadata and controls

42 lines (27 loc) · 2.17 KB

Assignment 4

Introduction

This assignment is a continuation of Assignment 3. If you have successfully completed the previous assignment, you may use your own code, or you can use the sample solution for Assignment 3, posted here, to complete this assignment.

In this assignment, you will remove the hardcoded list of images from your code, and will also stop using the local image files stored on your computer. You will be using asynchronous requests (AJAX) to receive image URLs from a server, and use them to display the images in the grid.

You will need to first get the server code from HERE. Follow the instructions and then confirm that you can see your client application (assignment-3) at http://localhost:3000/.

Just to clarify, your assignment-4 branch should look like the following:

/public/
    /css/
    /js/
    /libs/
    /index.html
/.gitignore
/index.js
/package.json

  • index.js and package.json files are from the server code we provided.

  • Make sure that /public/ directory contains your client-side code and not the default index.html included in the server side code.

  • Make sure you have a .gitignore file. The file should include **/node_modules/** so that you do not commit the npm modules to your repository.

  • If you have git cloned the server repository, make sure you remove the .git/ directory.

Tasks

  1. For this task, you do not need to change the code which displays images in the grid. Add code to send a GET HTTP request to http://localhost:3000/images endpoint which returns a list of image URLs. Print this list of URLs to the console.
  2. For this task, you will use the list of image URLs downloaded (via AJAX) in the previous task to display them in the grid.

Submission Instructions

  • Update either your own code from Assignment 3, or the sample solution code to accommodate the required changes for this assignment.
  • Create a branch, and name it appropriately (eg. assignment-4)
  • Make sure to push your changes to that branch before midnight (11:59 PM) on the date of the assignment deadline.