Skip to main content

SVG Color Editor


In this FREE training, let's build a SVG COLOR EDITOR APP from scratch using REACT, sass, Ant Design, react-color, immer, color-convert, color-diff, react-copy-to-clipboard, svgson

We normally learn concepts, but now it's time to implement it on a real projects. Today, we are going to build an app that allows you to edit svg color and export it in svg and image.

Cool right. Its completely ready to deploy app. You can make this and monetize it to earn income also.

Like how i am doing. Check out my app.

Deployed App - http://deeditor.com/


SVG Color Editor - Part 1: HTML | CSS




SVG Color Editor - Part 2: Functionality





Comments

Post a Comment

Popular posts from this blog

CORS ISSUE

Install CORS extension https://chrome.google.com/webstore/detail/allow-cors-access-control/lhobafahddgcelffkeicbaginigeejlf?hl=en Don't forget to switch it on
Post a Comment
Read more

React Hook for Tracking Changes to Screen Size

When building responsive web applications, it's essential to be able to track changes to the screen size. This is important because different screen sizes may require different layouts, styles, or even components. One way to track changes to the screen size is to use the window object's resize event. Whenever the window size changes, the resize event is fired, allowing us to update the layout, styles, or components as necessary. In this article, we'll show you how to create an advanced React hook that tracks changes to the screen size using the resize event. Creating the useScreenSize Hook The useScreenSize hook is a custom React hook that uses the useState, useEffect, and useCallback hooks to track changes to the screen size. Here's the code for the useScreenSize hook: -------------------------------- -------------------------------- import { useState, useEffect, useCallback } from 'react'; function useScreenSize() {      const [screenSize, setScreenSize] ...
Post a Comment
Read more

Fast.com Clone Using React js and Node js

In this FREE training, let's build a Fast.com Clone from scratch using REACT, NODE.  Features:  Check your internet speed using this application  I hope you will enjoy this video and learn something from it.
Post a Comment
Read more