Skip to content

hjawad22/hang-in-there

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

43 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Hang in There

Abstract:

We built an application that allows users to view a poster with a random, encouraging image, title, and quote, generate their own posters, save posters, and view and delete saved posters. This entails that buttons have functionality to switch between views. Users are able to click on posters to store them in the saved posters section, and double-click on saved posters to delete them.

Installation Instructions:

  1. Fork the repository
  2. Copy SSH key on GitHub inside the code dropdown
  3. Using the terminal, run git clone [SSH key here]
  4. cd into the repository
  5. Open it in your text editor
  6. Run command open index.html to launch the application in the web browser

Preview of App:

Image

Context:

We created this application during the second week of Turing School of Software and Design. The application took approximately 16 hours to complete.

Contributors:

Learning Goals:

  • Write clean, DRY JavaScript
  • 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
  • Begin to understand the connection between HTML, CSS and JavaScript
  • Practice reading, understanding, and using provided code
  • Build an understanding of writing code collaboratively
  • Document changes with atomic commits & thorough code reviews
  • Communicate, troubleshoot, and plan effectively as a team

Wins + Challenges:

Wins:
  • Collaborating and communicating effectively (taking turns driving and navigating)
  • Using the query selector appropriately
  • Understanding event listeners and handlers
Challenges:
  • Finding a solution to select a saved poster and delete the selected poster
  • Taking breaks frequently throughout project work-time

About

Mod 1 FE paired project boilerplate repo

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 67.2%
  • CSS 17.3%
  • HTML 15.5%