csfelix / html-css-javascript-nodejs-blindness-simulator

🌐 Simulate how Color Blindness People see and choice the correct colors for your projects!!! 🌐 (🔑 KeyWords: html, css, javascript, nodejs, color, blindness, simulator, color-blindness-simulator 🔑)

🌟 ColorBlindness Simulator 🌟

---

❓ What's it? ❓

• A simple web project that simulates how color blindness peoples see the colors

---

⚒️ Tools ⚒️

• HTML, CSS, JavaScript, NodeJS;
• Any Browser (tested succesfully in Google Chrome, Opera, Opera GX and Microsoft Edge;
• Express, Body-Parser and Color-Blind installed with npm;
• JQuery and AnyJS libraries (both are in assets folder).

---

⚙️ Run ⚙️

Preparing Node and Installing Packages (do this step just once)

• Download the source code;
• Open Computer's Terminal;
• Go to Server folder;
• Tip:

npm init

npm install express
npm install body-parser
npm install color-blind

Running the Application

• Open simulator.html in your browser;
• Open Computer's Terminal;
• Go to Server folder;
• Tip:

node index.js

---

🎁 Extras 🎁

• Color Blindness Types:

Protanomaly     >>   sees low amounts of red
Protanopia      >>   sees no red

Deuteranomaly   >>   sees low amounts of green
Deuteranopia    >>   sees no green

Tritanomaly     >>   sees low amounts of blue
Tritanopia      >>   sees no blue

Achromatomaly   >>   sees absence of most color
Achromatopsia   >>   sees no color at all

---

📫 Reach Me 📫

Email: [email protected]

Linkedin: linkedin.com/in/csfelix/

Instagram: instagram.com/c0deplus/

---

Portfolio: CSFelix.io