/hang-in-there-project

Mod 1 FE paired project boilerplate repo

Primary LanguageJavaScript

Hang in There

Abstract:

A motivational poster creator webpage that will load a random poster on page load. the webpage has functional buttons that the user can use to navigate to separate pages, save posters in a grid format, access a form to create a customized poster. There is also a double click delete functionality that will remove saved posters on the saved page.

Installation Instructions:

Open up https://github.com/rae-107/hang-in-there-project repository. From this page if someone wanted to clone down our code, the would first fork the code, then using the green 'code' button, copy the link. With that link, in their local terminal they will follow the git clone steps to save to their local machine.

  1. open terminal
  2. cd into preferred directory
  3. git clone <example: git@github.com:rae-107/hang-in-there-project.git> in green 'code' button
  4. cd into clone repository
  5. open up your text editor

Preview of App:

alt text

Context:

We are currently in mod 1. We have spent about 4-5 hours per day for 3 days.

Contributors:

Tim Pendarvis: https://github.com/Trpendarvis Ian Nordby: https://github.com/nordbyi Rae Gebhart: https://github.com/rae-107

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:

Win 1: We have successfully completed all 5 iterations and no one died. Win 2: Successfully able to collaborate as a team 🌈. Win 3: We were able to implement code and features that we were not taught in class. Win 4: We all know what our code means.