hjawad22 / hang-in-there

Mod 1 FE paired project boilerplate repo

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:

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:

• Soyeon Park @soy-park
• Houda Jawad @Houda

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