Gabby-Recny / romcom

M1 pair project

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

RomCom

Contributers

  • Gabby Recny
  • Richard J Rosa-Serrano

Technologies

  • HTML
  • CSS
  • JavaScript

Learning Goals

  • Write clean, DRY JavaScript to store our data
  • Use a provided class by creating object instances using the new keyword
  • Manipulate the page after it has loaded adding, removing, and updating elements on the DOM

What Should Happen? ๐Ÿ‘จ๐Ÿพโ€๐Ÿ’ป ๐Ÿ‘ฉ๐Ÿพโ€๐Ÿ’ป

  • Every time the user clicks the Show New Random Cover button or refreshes the page, a new random cover is created & displayed
  • When a user clicks the โ€œMake Your Own Coverโ€ button, we should see the form, and the user can create their own book cover
  • When the Make My Book button is clicked, the site should show the new cover that is created
  • When a user clicks the โ€œSave Coverโ€ button, the current cover will be added and stored in the "View Saved Covers" page
  • When a user clicks the โ€œView Saved Coversโ€ button, we should see all the saved covers
  • From the saved covers view, if a user double clicks a saved cover, it will be deleted

Saved Posters

How To Run & View ๐Ÿ“ฝ

  • To Run our site click on the Deploy Link ๐Ÿ‘ˆ๐Ÿพ

home page

Want Some Images To Use As Covers? ๐Ÿ“š

Make your own poster

Set Up

  1. ONE teammate: fork this boilerplate repository
  2. Clone down your new, forked repo
  3. cd into the repository
  4. Open it in your text editor
  5. View the project in the browser by running open index.html in your terminal
  6. Add all project partners and your assigned instructor as collaborators on the repository

The project spec & rubric can be found here

About

M1 pair project


Languages

Language:JavaScript 58.2%Language:CSS 23.1%Language:HTML 18.8%