https://github.com/madjiebimaa/vinilex

A useful web application for someone who wants to find color references from Vinilex products that will be used to color their home which is their world.
https://github.com/madjiebimaa/vinilex

colors reactjs shadcn-ui tailwindcss vinilex vitejs zustand

Last synced: about 2 months ago
JSON representation

A useful web application for someone who wants to find color references from Vinilex products that will be used to color their home which is their world.

• Host: GitHub
• URL: https://github.com/madjiebimaa/vinilex
• Owner: madjiebimaa
• Created: 2024-01-11T07:44:04.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-01-17T05:00:50.000Z (12 months ago)
• Last Synced: 2024-01-17T19:29:59.761Z (12 months ago)
• Topics: colors, reactjs, shadcn-ui, tailwindcss, vinilex, vitejs, zustand
• Language: TypeScript
• Homepage: https://vinilex.vercel.app
• Size: 313 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
#  [Vinilex](https://vinilex.vercel.app/)

## Features

- Upload the image to get the dominant color

- Closest/similar colors based on selected color

- Copy hex code value based on selected color

- Change the background color and corresponding text color based on the selected color

- Add color to favorited

- Search color based on the color name

- Filter color based on favorited

- Sort color based on color name (increasing/decreasing) or color code (increasing/decreasing)

## Setup In Local

### Prerequisites

- `node` version `20.10.0` or higher installed on your machine

- `npm` package manager version `10.2.3` or higher installed on your machine

### Development

- Install all dependencies, by running `npm install`

- Run in local, using command `npm run dev`

## Credits

- [Vite.js](https://vitejs.dev/)

- [TailwindCSS](https://tailwindcss.com/)

- [Shadcn/ui](https://ui.shadcn.com/)

- [Zustand](https://docs.pmnd.rs/zustand/getting-started/introduction)

- Icons by [Lucide React](https://lucide.dev/guide/packages/lucide-react)

- Nippon Paints for the color palettes

Copyright © 2024 by Muhammad Adjie Bimaditya