Color Accessibility React App

I need the below 2 color accessibility apps merged into one (both are React apps hosted on Github repo)

- [login to view URL] (color contrast checker)

- [login to view URL] (color blindness/perception checker)

Create a two-tools-merged-in-one React app that needs to be hosted on a subfolder ([login to view URL]) on an Apache (cPanel) webserver.

See [login to view URL] screenshot of the desired outcome.

(using #fff as background and #000 as foreground as the example - should obviously change as per the users hex input).

1. Section one, top part

Pretty much exactly as on [login to view URL] but with two modifications:

- Remove banner to Chrome extension

- Add in color picker functionality (should open up on input to the #hex fields)

- Remove bottom part, select font to see example

2. Section two, bottom part

As per [login to view URL] but with modifications:

- Remove hex input and save pallete (as above top part will have this already)

- Add in the heading "Color Perception Checker"

- The 9 common color perceptions should be displayed in a 3x3 grid, as per this

| Common | Protanomaly | Protanopia

| Achromatomaly | Deuteranomaly | Deuteranopia

| Achromatopsia | Tritanomaly | Tritanopia

- Above 9 subheadings, have external link to [login to view URL]

See [login to view URL] screenshot of the desired outcome.

Apache React.js Yarn React Native React.js Framework

Project ID: #27551789

About the project