https://github.com/hasanyahya101/tint-tracker-vite

This is a basic Image Color Picker Web App that allows uploading of an Image and selecting RGB and HSL values from the given image. Moreover, it has sliders to control the HSL values and convert to RGB.
https://github.com/hasanyahya101/tint-tracker-vite

color-picker github github-pages hsl html pixel react rgb shadcn static vite web web-app

Last synced: 3 months ago
JSON representation

This is a basic Image Color Picker Web App that allows uploading of an Image and selecting RGB and HSL values from the given image. Moreover, it has sliders to control the HSL values and convert to RGB.

• Host: GitHub
• URL: https://github.com/hasanyahya101/tint-tracker-vite
• Owner: HasanYahya101
• License: mit
• Created: 2024-06-04T04:26:12.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-11-16T11:04:51.000Z (over 1 year ago)
• Last Synced: 2025-02-04T14:36:18.324Z (over 1 year ago)
• Topics: color-picker, github, github-pages, hsl, html, pixel, react, rgb, shadcn, static, vite, web, web-app
• Language: JavaScript
• Homepage: https://hasanyahya101.github.io/Tint-Tracker-Vite/
• Size: 1.2 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Tint Tracker (React + Vite)

## Introduction

This is a basic Image Color Picker Web App that allows uploading of an Image and selecting RGB and HSL values from the given image. Moreover, it has sliders to control the HSL values and convert to RGB.

## UI Library

Radix UI and ShadCN UI components were used to create the UI of the website. Moreover, Vite was used to create this React Project.

## Deployment

This project was deployed to Github Pages and can be tested there. No servers or databases were used in this Project.

## Preview

![Screenshot 2024-06-04 150341](https://github.com/HasanYahya101/Tint-Tracker-Vite/assets/118683092/37b5c342-f49c-4929-bb81-36593ae96fe8)

![Screenshot 2024-06-04 150417](https://github.com/HasanYahya101/Tint-Tracker-Vite/assets/118683092/f730963f-af4b-4a9a-b0bc-3f5d94046e8f)

![Screenshot 2024-06-04 150434](https://github.com/HasanYahya101/Tint-Tracker-Vite/assets/118683092/f179ac37-b1f3-43aa-9179-d7e735580619)

![Screenshot 2024-06-04 150444](https://github.com/HasanYahya101/Tint-Tracker-Vite/assets/118683092/8c6a1a77-b1b0-41ef-a7cb-a95e7c89a429)

## React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh

- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh