Skip to content

mrlandino/coloRandom

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

48 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

coloRandom

Overview

"coloRandom?" is a single page web application built using HTML5, CSS3 and vanilla JavaScript. The application generates a random color pallate from a pre-defined list, and displays it on the user's screen.

Project Spec

The spec for this project can be found here.

Deploy Link

The applicaiton has been deployed to AWS, and can be accessed here.

Contributors

Learning Goals

  1. Write semantic HTML and efficient CSS to form a usable UI
  2. Write clean, DRY JavaScript and leverage classes, creating and using an effective data model
  3. Manipulate the page after it has loaded adding, removing, and updating elements on the DOM
  4. Refine your collaboration skills

Technologies Used

  • Git
  • HTML
  • CSS
  • JavaScript

Application Features

New page

  • On page load, and when a user clicks the New Palette button, a new set of colors is created and displayed.

New Palette

  • When a user clicks the New Palette button, a new set of colors is created and displayed.
    • The user can click a lock icon under each color in the Palette and lock it.
    • When the New Palette button is clicked, all the colors update as expected, except for any colors that are locked.

Saved Palette

  • When a user clicks Save Palette, the saved palette shows up in the saved palette side of the UI, and a new palette is displayed on the main section.
    • Each saved palette is rendered with a trash icon to delete the palette.

Deleted Palette

  • When a saved palette’s delete button is clicked, that palette is removed from the page.

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

Organizational Resources

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •