https://github.com/ramsunvtech/simple-paint-app
Simple Paint App in Web Components
https://github.com/ramsunvtech/simple-paint-app
Last synced: 5 months ago
JSON representation
Simple Paint App in Web Components
- Host: GitHub
- URL: https://github.com/ramsunvtech/simple-paint-app
- Owner: ramsunvtech
- Created: 2020-05-11T19:34:33.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2020-05-12T09:31:56.000Z (about 6 years ago)
- Last Synced: 2025-06-22T19:05:51.247Z (12 months ago)
- Homepage:
- Size: 41 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Simple Paint App
This is Simple Paint Application developed in Web Component using Core JavaScript.
## Demo App
- https://ramsunvtech.github.io/simple-paint-app/
## Components.
- This is BaseComponent which creates Custom elements aka Web Components developed similar to React Style. I'm a Big Fan of Light Weight React / Preact.
Below is the Component Structure and their usage.
### Components/
- BaseComponent - Component which helps to create all components in this App.
- Area - This Component is main component which hold the Paint Area.
- Controls - This Component render Radio button choice of those 3 types.
- ToolBar - This Component render the Tool Icons of Eraser, Scissor and Glue Icons.
### How Component communicate / transfer each other data?
- Using Custom Events.
### Is Dimension and Toolbar config is through by API?
- The Canvas Dimension and Toolbar Icon are configured through JSON Server API.
- https://my-json-server.typicode.com/ramsunvtech/simple-paint-app/
- Endpoint - https://my-json-server.typicode.com/ramsunvtech/simple-paint-app/config