whatcolors

This repository contain client-side and server-side of color blind simulation test using Farnsworth Munsell Method

https://github.com/z4nr/whatcolors

Science Score: 44.0%

This score indicates how likely this project is to be science-related based on various indicators:

  • CITATION.cff file
    Found CITATION.cff file
  • codemeta.json file
    Found codemeta.json file
  • .zenodo.json file
    Found .zenodo.json file
  • DOI references
  • Academic publication links
  • Academic email domains
  • Institutional organization owner
  • JOSS paper metadata
  • Scientific vocabulary similarity
    Low similarity (5.4%) to scientific vocabulary

Keywords

chakra-ui colorblindness-simulator farnsworthmunsell mern-project
Last synced: 9 months ago · JSON representation ·

Repository

This repository contain client-side and server-side of color blind simulation test using Farnsworth Munsell Method

Basic Info
Statistics
  • Stars: 2
  • Watchers: 1
  • Forks: 1
  • Open Issues: 0
  • Releases: 1
Topics
chakra-ui colorblindness-simulator farnsworthmunsell mern-project
Created almost 3 years ago · Last pushed 10 months ago
Metadata Files
Readme License Citation

README.md

WhatColors

Tech Stack

### Frontend ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E) ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white) ![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white) ![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB) ![ESLint](https://img.shields.io/badge/ESLint-4B3263?style=for-the-badge&logo=eslint&logoColor=white) ![Chart.js](https://img.shields.io/badge/chart.js-F5788D.svg?style=for-the-badge&logo=chart.js&logoColor=white) ![Chakra](https://img.shields.io/badge/chakra-%234ED1C5.svg?style=for-the-badge&logo=chakraui&logoColor=white) ![React Query](https://img.shields.io/badge/react_query-React_Query?style=for-the-badge&logo=react%20query&logoColor=white&color=%23FF4154) ![React Hook Form](https://img.shields.io/badge/react%20hook%20form-React%20Hook%20Form?style=for-the-badge&logo=react%20hook%20form&logoColor=white&color=%23EC5990) ![Framer Motion](https://img.shields.io/badge/Framer_Motion-Framer_Motion?style=for-the-badge&logo=framer&color=%230055FF) ### Backend ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E) ![Express.js](https://img.shields.io/badge/express.js-%23404d59.svg?style=for-the-badge&logo=express&logoColor=%2361DAFB) ![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white) ![MongoDB](https://img.shields.io/badge/MongoDB-%234ea94b.svg?style=for-the-badge&logo=mongodb&logoColor=white) ![Mongoose](https://img.shields.io/badge/mongoose-Mongoose?style=for-the-badge&logo=mongoose&logoColor=white&color=%23880000) ![Nodemon](https://img.shields.io/badge/nodemon-Nodemon?style=for-the-badge&logo=nodemon&logoColor=white&color=%2376D04B) ### DevOps ![Google Cloud](https://img.shields.io/badge/Google%20Cloud-%234285F4.svg?style=for-the-badge&logo=google-cloud&logoColor=white) ![Docker](https://img.shields.io/badge/docker-%230db7ed.svg?style=for-the-badge&logo=docker&logoColor=white) ![Nginx](https://img.shields.io/badge/nginx-%23009639.svg?style=for-the-badge&logo=nginx&logoColor=white) ![git](https://img.shields.io/badge/git-git?style=for-the-badge&logo=git&logoColor=%23F05032&color=%23ffffff)


Information

Acknowledgements

This project is using for simulating color blind test using Farnsworth-Munsell Method

Clone Project To Local

Clone the project

bash git clone https://github.com/Z4nR/WhatColors.git WhatColors

Go to the project directory

bash cd WhatColors

Run Locally

Run locally server-side

bash cd server npm i npm run server

Run locally client-side

bash cd client npm i npm run dev

Demo

You can see the link for demo in About of Repository

Features

  • Three role user (admin, client, individual)
  • Code Verification
  • Download CSV File
  • Live Calculating Result
  • Live Reload Group Data every 1 minute
  • Fullscreen mode
  • Cross platform

Lessons Learned

Learn to using ReactSortable to reshuffle an color to right place and Code Correction when Verificate the code

Resources

This is other repository resources to help me to build this project

Farnsworth Munsell via Processing and Farnsworth Munsell Shuffling Step in HTML

Owner

  • Name: ZANR
  • Login: Z4nR
  • Kind: user

i am just newbie and always learning about code

Citation (CITATION.cff)

# This CITATION.cff file was generated with cffinit.
# Visit https://bit.ly/cffinit to generate yours today!

cff-version: 1.2.0
title: 'WhatColors: Colorblind Simulation Test'
message: Hope it help you guys
type: software
authors:
  - given-names: Zulham Ari
    email: ari.comunity1@gmail.com
    family-names: Nur Ridhwan
identifiers:
  - type: url
    value: 'https://github.com/Z4nR/WhatColors'
    description: >-
      Github Repository of WhatColors: Colorblind Simulation
      Test
url: 'https://z4nr.github.io/WhatColors/'
keywords:
  - colorblind
  - fransworth-munsell
  - simulation
  - web-app
license: MIT
version: v1.25.0
date-released: '2023-11-02'

GitHub Events

Total
  • Delete event: 10
  • Push event: 21
  • Pull request review event: 1
  • Pull request event: 21
  • Create event: 12
Last Year
  • Delete event: 10
  • Push event: 21
  • Pull request review event: 1
  • Pull request event: 21
  • Create event: 12

Issues and Pull Requests

Last synced: 10 months ago

All Time
  • Total issues: 0
  • Total pull requests: 7
  • Average time to close issues: N/A
  • Average time to close pull requests: 1 day
  • Total issue authors: 0
  • Total pull request authors: 1
  • Average comments per issue: 0
  • Average comments per pull request: 0.0
  • Merged pull requests: 6
  • Bot issues: 0
  • Bot pull requests: 7
Past Year
  • Issues: 0
  • Pull requests: 7
  • Average time to close issues: N/A
  • Average time to close pull requests: 1 day
  • Issue authors: 0
  • Pull request authors: 1
  • Average comments per issue: 0
  • Average comments per pull request: 0.0
  • Merged pull requests: 6
  • Bot issues: 0
  • Bot pull requests: 7
Top Authors
Issue Authors
Pull Request Authors
  • dependabot[bot] (28)
  • Z4nR (2)
Top Labels
Issue Labels
Pull Request Labels
dependencies (28) javascript (4)

Dependencies

client/package-lock.json npm
  • 436 dependencies
client/package.json npm
  • @types/react ^18.2.15 development
  • @types/react-dom ^18.2.7 development
  • @vitejs/plugin-react ^4.0.3 development
  • eslint ^8.45.0 development
  • eslint-plugin-react ^7.32.2 development
  • eslint-plugin-react-hooks ^4.6.0 development
  • eslint-plugin-react-refresh ^0.4.3 development
  • vite ^4.4.5 development
  • @chakra-ui/icons ^2.1.0
  • @chakra-ui/react ^2.8.0
  • @emotion/react ^11.11.1
  • @emotion/styled ^11.11.0
  • framer-motion ^10.16.1
  • react ^18.2.0
  • react-dom ^18.2.0
  • react-icons ^4.10.1
  • react-router-dom ^6.15.0
server/package-lock.json npm
  • @types/node 20.5.6
  • @types/webidl-conversions 7.0.0
  • @types/whatwg-url 8.2.2
  • abbrev 1.1.1
  • anymatch 3.1.3
  • balanced-match 1.0.2
  • binary-extensions 2.2.0
  • brace-expansion 1.1.11
  • braces 3.0.2
  • bson 5.4.0
  • chokidar 3.5.3
  • concat-map 0.0.1
  • debug 4.3.4
  • debug 3.2.7
  • dotenv 16.3.1
  • fill-range 7.0.1
  • fsevents 2.3.3
  • glob-parent 5.1.2
  • has-flag 3.0.0
  • ignore-by-default 1.0.1
  • ip 2.0.0
  • is-binary-path 2.1.0
  • is-extglob 2.1.1
  • is-glob 4.0.3
  • is-number 7.0.0
  • kareem 2.5.1
  • lru-cache 6.0.0
  • memory-pager 1.5.0
  • minimatch 3.1.2
  • mongodb 5.7.0
  • mongodb-connection-string-url 2.6.0
  • mongoose 7.4.5
  • mpath 0.9.0
  • mquery 5.0.0
  • ms 2.1.2
  • ms 2.1.3
  • nodemon 3.0.1
  • nopt 1.0.10
  • normalize-path 3.0.0
  • picomatch 2.3.1
  • pstree.remy 1.1.8
  • punycode 2.3.0
  • readdirp 3.6.0
  • saslprep 1.0.3
  • semver 7.5.4
  • sift 16.0.1
  • simple-update-notifier 2.0.0
  • smart-buffer 4.2.0
  • socks 2.7.1
  • sparse-bitfield 3.0.3
  • supports-color 5.5.0
  • to-regex-range 5.0.1
  • touch 3.1.0
  • tr46 3.0.0
  • undefsafe 2.0.5
  • webidl-conversions 7.0.0
  • whatwg-url 11.0.0
  • yallist 4.0.0
server/package.json npm
  • dotenv ^16.3.1
  • mongoose ^7.4.5
  • nodemon ^3.0.1