Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/nyancodeid/iro

IRO - Amazing Color Tools. Color Convert HEX, RGB, HSL and CMYK. Color Inspection with Camera.
https://github.com/nyancodeid/iro

hacktoberfest pinia pwa vite vue vue3 vuejs web-apps

Last synced: 13 days ago
JSON representation

IRO - Amazing Color Tools. Color Convert HEX, RGB, HSL and CMYK. Color Inspection with Camera.

Host: GitHub
URL: https://github.com/nyancodeid/iro
Owner: nyancodeid
License: mit
Created: 2019-12-23T01:01:29.000Z (almost 5 years ago)
Default Branch: next
Last Pushed: 2023-03-04T05:30:11.000Z (over 1 year ago)
Last Synced: 2024-08-01T21:41:08.355Z (3 months ago)
Topics: hacktoberfest, pinia, pwa, vite, vue, vue3, vuejs, web-apps
Language: Vue
Homepage: https://iro.nyan.my.id/
Size: 1.68 MB
Stars: 108
Watchers: 3
Forks: 7
Open Issues: 7
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE

Awesome Lists containing this project

awesome-made-by-indonesian - IRO - `IRO - Amazing Color Tools. Color Convert HEX, RGB, HSL and CMYK. Color Inspection with Camera.` *by [Ryan Aunur Rassyid](https://github.com/nyancodeid)* (I)
made-in-indonesia - IRO - `IRO - Amazing Color Tools. Color Convert HEX, RGB, HSL and CMYK. Color Inspection with Camera.` *by [Ryan Aunur Rassyid](https://github.com/nyancodeid)* (I)

README

        


    



IRO

Amazing Color Tools. Build with Vue 3 and Vite.




[![All Contributors](https://img.shields.io/badge/all_contributors-3-orange.svg?style=flat-square)](#contributors-)

![License MIT](https://img.shields.io/github/license/nyancodeid/iro)

![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen)

![Version](https://img.shields.io/badge/version-v2.4.1-brightgreen)

[![Issues](https://img.shields.io/github/issues/nyancodeid/iro)](https://github.com/nyancodeid/iro/issues)

[![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2Fnyancodeid%2Firo.svg?type=shield)](https://app.fossa.com/projects/git%2Bgithub.com%2Fnyancodeid%2Firo?ref=badge_shield)



## Description

IRO (色 / iro / color) is a web-based application that has the main feature to find out the color of several color formats for example HEX, RGB, HSL, and CMYK. Not only that, but IRO also has a feature that can find out the color code of objects or other colored things around through a cellphone camera or even a laptop.

## Tech

IRO build with Latest Web Technology that makes us can access this app even in offline mode (cache-first). And the other cool thing is PWA (Progressive Web App) makes this app installable on Android devices, allow us to use this app to run like native on an Android or iOS.

| Tools                                                      | Version                                                           | Description                                                                                             |

| ---------------------------------------------------------- | ----------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------- |

| [vue](https://v3.vuejs.org/)                               | ![Version](https://img.shields.io/badge/version-v3.2.4-blue)      | Web Framework                                                                                           |

| [vite](https://vitejs.dev/)                                | ![Version](https://img.shields.io/badge/version-v2.6.2-blue)      | Next Generation Frontend Tooling                                                                        |

| [pinia](https://pinia.esm.dev/)                            | ![Version](https://img.shields.io/badge/version-v2.0.0.rc.6-blue) | Intuitive, type safe and flexible Store for Vue                                                         |

| [vue-router](https://router.vuejs.org/)                    | ![Version](https://img.shields.io/badge/version-v4.0.8-blue)      | The official router for Vue.                                                                            |

| [vue-i18n](https://github.com/intlify/vue-i18n-next)       | ![Version](https://img.shields.io/badge/version-v9.1.7-blue)      | Vue I18n is internationalization plugin for Vue.js                                                      |

| [comlink](https://github.com/GoogleChromeLabs/comlink)     | ![Version](https://img.shields.io/badge/version-v4.3.1-blue)      | Comlink makes [WebWorkers](https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API) enjoyable. |

| [matercolors](https://github.com/arvindcheenu/Matercolors) | ![Version](https://img.shields.io/badge/version-v4.3.1-blue)      | A tiny, zero-dependency libary for building harmonious material palettes for any color.                 |

## Development

```bash

$ npm install

# run dev server

$ npm run dev

# build 

$ npm run build

```

## Screenshot

| ![](https://cloudflare-ipfs.com/ipfs/bafkreid4p4m7zxluma6rpmbvs6xz6rmctpwheerixv2sk4rizemom4qnqm) | ![](https://cloudflare-ipfs.com/ipfs/bafkreianvmtuhaphesdrzky3k5jg57zlmkpt2zyjd2e3paaarrnmdi75xe) |

| ------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------- |

| ![](https://cloudflare-ipfs.com/ipfs/bafkreigsn6tiwem4imszuyvvwptkrcs3hjhncac4mmitw6fwqlqogq3jmy) | ![](https://cloudflare-ipfs.com/ipfs/bafkreiaqp7odxxd6b4btgje3r7gyopb7uollgxz3myvbl4tcpbhkptrw4e) |

## License

[![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2Fnyancodeid%2Firo.svg?type=large)](https://app.fossa.com/projects/git%2Bgithub.com%2Fnyancodeid%2Firo?ref=badge_large)

## Contributors ✨

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

  

    
_{Opa Kholis Majid}
💻 🎨

    
_{Moh. Zainul Muttaqin | Zalepik}
🎨

    
_{Fika Ridaul Maulayya}
👀

  

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!