irmakerdem / colorandom

App to view random hex-codes to help you choose colors

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

COLORandom!

Table of Contents

Introduction

Do you struggle with making decisions? Have you wasted countless minutes of your life in the paint aisle of the hardware store, wishing for a truly random color scheme for your next remodel? Do you wish a button could just pick for you so you can turn your attention to more important things? Well, friend, you've come to the right place!

COLORandom Gif

Welcome to COLORandom! With this app you can generate a randomly selected color palette and create a portfolio of saved palettes!

Technologies Used

  • JavaScript
  • HTML
  • CSS

Contributors

Deployed Link

How to Set Up

  1. Clone this repo.
  2. cd into the directory.
  3. Run open index.html.

How to Use

  • After opening the browser, click the New Random Palette button to generate a new palette. User may click as many times as they like.
  • If a user likes a particular palette, they may save their selection to the Saved Palettes Area by clicking the Save This Palette button.
  • If a user likes one particular color, they may "lock" that color by clicking anywhere near the lock icon. The icon will change to locked and a user can cycle through the randomly generated palettes until they find a selection they want to save.

Future Features

  • Create functionality to freeze locked color while still generating random unlocked colors.
  • Add dropdown to provide options for palettes based on shared color attributes, for a more cohesive palette.
  • Add delete button functionality to remove any unwanted palettes.

Workflow

  • With three team-members across two time zones, clear communication and scheduling were imperative. We used a detailed spreadsheet to keep track of each task within each iteration.
  • We also utilized daily morning stand-ups to check progress and ensure all team-members were informed of changes.
  • We pair-programmed the entire project to maximize learning.

Project Specifications

  • Project specs can be found here.

About

App to view random hex-codes to help you choose colors


Languages

Language:JavaScript 35.9%Language:CSS 35.4%Language:HTML 28.7%