A photo editor based on web technologies.
The website is deployed on Vercel
Website: https://color-dropper-canvas.vercel.app/
- give users the ability to use the color dropper
- color dropper must show hex code in circle while hovering over an area
- on hover over a color circle changes to that color
While hovering on a color the circle changes to it.
Clicking on the dropper icon will make the cursor to be the dropper. The dropper is showing the color hex. On click the color dropper will show the picked hex in the header.
- Clone the repository.
git clone https://github.com/AlbertArakelyan/color-dropper-canvas.git- Install the dependencies.
npm install*Note: Ensure you are using Node.js v20.11.0
- Run the project.
npm run dev
Vite has been used to build the project with Typescript faster. Read more about Vite at their official website.