Skip to content

Instantly share code, notes, and snippets.

@mendozalourdes
Last active April 5, 2021 01:50
Show Gist options
  • Save mendozalourdes/767e295dd78082231fcfc3a9803a30a4 to your computer and use it in GitHub Desktop.
Save mendozalourdes/767e295dd78082231fcfc3a9803a30a4 to your computer and use it in GitHub Desktop.
RomCom

Romance Novel Cover Generator Project

RomanceNovel

Contributors

Lourdes Mendoza mendozalourdes

Andrey Bermudez Andrey-1992

About

The Romance Novel Cover Generator seeks to provide romance novel lovers the ability to engage with the interactive app in viewing, saving, and creating novel covers. With this app, each user will have the ability to view hundreds of romance novel covers at random, offering them the ability to save some of their favorites that will be conveniently stored for them. They will also be able to fuel their creative sides by creating their own covers with our "Make Your Own Cover" generator, further providing them with a more interactive experience.

Technologies Used

Javascript

HTML

CSS

Instructions

  1. When the user first loads the app, they are greeted by the first romance novel cover, shown at random.

  2. The user can choose to continue viewing different covers by clicking on the "Show New Random Cover" button.

  3. If the user wants to save a particular cover to view at a later time, they can click the "Save" button.

  4. The "View Saved Covers" button will take the user a new page that shows them their saved covers, stored in order of when the cover was saved.

  5. The user can then return to the home page to continue viewing the covers.

  6. If the user desires another level of interaction with the app, they can click the "Make Your Own Cover" button, where they are prompted to input their choses cover photo, a title, and a first and second descriptor of their choice.

  7. When they have finished inputting the fields, they can click on the "Make my book" button, which leads them to the home page to view their cover.

    Deployed page:

RomCom Cover Generator

Future Additions

Future additions to the generator will allow them to enter the "View Saved Covers" section, and view larger versions of their saved covers upon clicking the cover. Another future consideration will allow them to change the order of their saved covers, giving them the ability to view them in whichever order they choose.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment