m2mathew/jquery-image-board

Create an image board that saves submissions to tiny pizza server using jQuery and AJAX

Backbone Image Board

Assignment from The Iron Yard-Austin

Week 4 - day 16

Description

Create an image board that saves submissions to tiny pizza server.

Objectives

Learning Objectives

After completing this assignment, you should…

• Understand how to use AJAX to save data to a server

Performance Objectives

After completing this assignment, you be able to effectively use

• $.get / $.post
• Event listeners
• Data Validation

Details

Deliverables

• A repo containing at least:
  • index.html
  • scripts/main.js

Requirements

• No ESLint warnings or errors

Normal Mode

Using the tools you've learned in class, create a responsive image board that allows you to add images and captions via a url. The images that are added to the image board should be saved to tiny pizza server, so that when you reload the page, they are not lost. The form to add an image should properly validate the image URL by at minimum checking for a http:// or https:// prefix and require a non-empty description. Below are screenshots of what your app should look like.

Mobile

Desktop

Add Image Form

Hard Mode

Allow users to register for an account using a username and password. Force them to log in to their account (validating that they enter the correct username and password) before they are able to post images to their image board. Each user should only see images that they posted.

Notes

Check out ionicons for the icons used.