/romcom

M1 pair project

Primary LanguageJavaScript

RomCom

Description

Webpage that users can interact with and create RomCom covers exploring and creating their wildest fantasies.

How it Works

  • On page load user has option on clicking "Show New Random Cover" which will generate a new cover each time button is clicked.
  • If you click "Make Your Own Cover" user has the capability to input their own creative ideas to generate a new cover by clicking "Make My Book" button.
  • Once Book has been created it can be saved with the "Save Cover" button, and viewed with the "Viewed Saved Covers" button. When in Saved covers page user has the option to delete a saved cover by double clicking the image.
  • Additionally when on the home page user has the option to save a randomized Cover

Technologies Implemented:

  • Javascript
  • HTML
  • CSS

Future Updates

  • Implement data validation and error handling into the form (disable the button until all fields are filled, provide error messages if data entered is not correct, etc)
  • When a user single clicks a saved cover, create a modal to view it larger
  • Allow users to drag and drop saved posters into whatever order they want them to appear

Github Pages Link: https://madhaus4.github.io/romcom/

Contributors:

  • Eva Navarrete
  • Maria DelSignore

Switch Through Views:

Create Your Own Book: