Skip to content

J-Dunny/hang-in-there

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

46 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

Mod 1 FE paired project boilerplate repo

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 71.7%
  • CSS 14.9%
  • HTML 13.4%