emjose / color-flipper

A background color flipper mini project made with HTML, CSS, and JavaScript.

• 100 Days of Code
• Installation
• Live Site
• Resources
• Let's Connect!

Day 2: February 3, 2021

• For Day 2, I completed a tutorial on making a background color flipper project.

• September 2022 Update:

  • The Color Flipper was refactored to be a progressive web app.

  • Styling was modified for greater accessibility, keyboard navigation, and responsiveness.

1. Git clone and cd into the repo folder:

git clone [e-mail]:emjose/color-flipper.git && cd color-flipper

2. Run the command:

open index.html

• The Color Flipper is responsive and keyboard-navigable for accessibility.

• The Color Flipper is a progressive web app.

• The Simple category has 146 color names and keywords recognized by CSS.

• The Hex category has hexadecimal color values.

• CSS Keywords

• Color Flipper Tutorial by Coding Addict

• Javascript Tutorial and Projects Udemy Course by John Smilga

• My blog on how I created my Github READMEs