Abstract:

We developed a webpage that generates fives random colors in five boxes. A "New Palette" button will generate five randomized hexadecimal colors, and a "Save Palette" button will store the five colors to a column on the right hand of the page. If the user wishes to keep any of the randomly generated colors, the user will have the ability to "lock" the color in place by clicking an image of a lock that will transition from an "unlocked" to "locked" image. On the right hand column, the user has the ability to delete any array of saved color boxes by clicking an "X" button to the right of the images.

Installation Instructions:

1. Access the form here: https://github.com/laurelbonal/coloRandom-
2. Copy the SSH repository URL git@github.com:laurelbonal/coloRandom-.git
3. Open terminal and 'cd' into the directory you wish to clone
4. Clone the repository by submitting git clone git@github.com:laurelbonal/coloRandom-.git

Preview of App:

The project has the ability to lock images and reshuffle the others, the image will transtion to a locked lock when the background color will remain upon shuffle https://ibb.co/QDPJ9W2

Context:

The group members belong to Cohort 1, and the project was assigned on Tuesday, Febuary 20. The majority of the iterations were completed by Friday, February 23 after committing group time on weeknights after class until bedtime. The final project was uploaded on Saturday, February 24 after some ironing out some hypotheticals.

Contributors:

Laurel Bonal: https://github.com/laurelbonal Brandon Doza: https://github.com/BrandonDoza David Swatzell: https://github.com/Swatzell Zach Wolek: https://github.com/zachwolek/

Learning Goals:

The learning goals of the project were to develop an understanding of integrating CSS, Javascript, and HTML. Specifically, how to simulteously manage input on the DOM and data model. Through the project we were able to display randomly generated colors and save them, allowing the user to fully delete them from both the DOM input and the database. We worked with CSS, Javascript, and HTML.

Wins + Challenges:

1. Communal effort on debugging. Taking time to invest in a group atmosphere where everyone had the ability to contribute was so influential toward staying ahead of schedule and catching errors early that would have otherwise created problems later
2. Brainstorm culture also shared new solutions across team members. As we continue to learn the unlimited potential in web development, our group shared different strategies to problem solve that opened up our burgeoning minds
3. We are proud of the minimal code we were able to create, and are genuinely curious to hear ways we could have minimalized it further.