/hang-in-there

Mod 1 FE paired project boilerplate repo

Primary LanguageJavaScript

Hang In There: Paired Project

Overview:

We created a website that allows you to generate a random poster and create a custom poster. Users are able to save any poster they created. We built this application only using Javascript to manipulate the DOM.

The site allows users to:

  • Generate a random Poster
  • Create a customized poster
  • Save any poster whether it was random or customized
  • Display all saved posters
  • Delete a saved poster

Generate a Random Poster:

The website will generate a random poster when the page loads. Users can also generate a random poster by clicking the button, "Show Another Random Poster".

Check this out 👇 Gif of making custom novel cover

Generate a Custom Poster:

Users can create their own poster by following these steps:

  1. Click the "Make Your Own Poster" button on the main page.
  2. Fill out the form in the proper fields requesting the image url, title, and quote.
  3. Click "Show My Poster" button.
  4. The customized poster should be on display on the main page.

Check this out 👇 Gif of making custom novel cover

Save a Poster:

  1. Click save poster to save any poster.
  2. Click view saved posters to view the posters that have been saved.

Check this out 👇 Gif of making custom novel cover

Future Features:

  • Alerts prompting the user:

    • the poster was saved
    • the poster already exists in the collection
    • the poster was successfully saved
    • the poster was successfully deleted

  • Email a generated poster

Contributors:

Jake Dunafon https://github.com/J-Dunny

Lauralyn Watson https://github.com/lswatson16

Links:

Deploy link: https://j-dunny.github.io/hang-in-there/

Repo link: https://github.com/J-Dunny/hang-in-there