Task ID:- ColorQuest

Building a HSV-based color picker application similar to Google Color Picker, using Svelte. The picker should allow all three degrees of freedom (as in the Google Picker - hue with bottom slider, saturation on horizontal axis, value on vertical axis); any layout can be used to achieve this. It should also support 5 color formats (HEX, RGB, CMYK, HSL, HSV), allowing the user to input a value in any of these formats to change the selected color. Clicking and dragging the mouse on the slider or picker should also change all 5 values in real time.

About Sevlte

• Sevlte is a compiler not a framework.
• It combines your code for production at build time into single , vanilla , JavaScript bundle

This project is made using Sevlte Compiler which uses HTML, CSS and JavaScript.

Installation (Getting Started)

1. Make sure Vs code Editor is Installed, then install package named "Svelte for VS Code" in order to get syntax highlighting and intellisense. Link: https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode

Note that you will need to have Node.js installed.

2. Clone the Project in you local machine using git command

   git clone https://github.com/nilansgit/ColorQuest_Nilans.git
   

   Install the dependencies...

   cd ColorQuest
   npm install
   

Deployment

To deploy this project run

  npm run dev

References

• Sevlte Tutorial Playlist
• Introduction To Sevlte

Project Demonstration

• Video Link