Skip to content

🌐 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 πŸ”‘)

Notifications You must be signed in to change notification settings

CSFelix/HTML-CSS-JAVASCRIPT-NODEJS-BLINDNESS-SIMULATOR

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

9 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌟 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: csfelix08@gmail.com

Linkedin: linkedin.com/in/csfelix/

Instagram: instagram.com/c0deplus/


Portfolio: CSFelix.io

About

🌐 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 πŸ”‘)

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published