Homework for Dcard. Built with ReactJs. Use boilerplate create-react-app. Click the live demo link.
-
- Choose local file with simple checking.
-
- Paste image URL.
-
- Check if a valid URL when paste URL.
-
- Support drag and drop file. ๐
Implement by HTML5 Canvas.
-
- Crop image, use vanilla js without any node package.
-
- Adjust filter on canvas from left panel.
-
- Filter presets. Reference: CSSCO.
-
- Save image after editing.
# install dependencies
yarn
# serve with hot reload at localhost:3000
yarn start