jrmedina / colorando

MOD1- Group project- DInne K. Eddie R. Josh M. Chantal G.

Objective

• This project allowed students to collaborate as a team with opportunity to write HTML and CSS, and leverage JavaScript to both create a data model and interact with the DOM.
• This project is a color swatch random generator with locking and saving features.

GitHub PR template

Illustrated Design Mock-Up

Deployed Page

• Deployment_URL

Technologies

• Javascript
• HTML
• CSS

Guided Motion Feature

ColoRando-Walkthrough.mp4

Features

• Randomize Palette Button

• Allows user to randomize color swatches

• Bonus: A user can randomize the palette by clicking the spacebar

• Lock Feature

• Allows user to toggle locks on a swatch

• This will lock a swatch in place while user randomizes new colors, by clicking the randomize button

• Save Palette Button

• Allows user to save a palette selection without duplicates

• a use can only save up to as many palettes as they would like

• Delete saved palettes

• A user can delete a saved palette by clicking the trash icon

Possible Future Extensions

• Adding a login page that will hold saved palettes for a user.
• Scrolling swatches at the bottom of a page from left to right

Set Up

1. Fork this repo
2. Clone the repo to your local machine
3. View the project in the browser by running open index.html in your terminal.

Sources

• MDN -JavaTPoint -YouTube
• W3Schools

Contributors

• GitHub Joshua Medina
• linkedIn Joshua Medina
• GitHub Edward Rodriguez
• linkedIn Edward Rodriguez
• GitHub Dinne Kopelevich
• linkedIn Dinne Kopelevich
• GitHub Chantal Goethals
• linkedIn Chantal Goethals

Project Specs

• The project spec & rubric can be found here