https://github.com/buzzcosm/paint-clone-vanilla-js-app

ZTM Cours (javaScript Web Projects) - No. 19: Paint Clone
https://github.com/buzzcosm/paint-clone-vanilla-js-app

canvas canvas-api canvas2d color-picker html-css-javascript localstorage paint-application vanilla-js ztm ztm-course-exercises

Last synced: about 2 months ago
JSON representation

ZTM Cours (javaScript Web Projects) - No. 19: Paint Clone

• Host: GitHub
• URL: https://github.com/buzzcosm/paint-clone-vanilla-js-app
• Owner: buzzcosm
• Created: 2024-10-21T22:14:26.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-10-23T02:53:37.000Z (3 months ago)
• Last Synced: 2024-10-23T22:15:04.482Z (3 months ago)
• Topics: canvas, canvas-api, canvas2d, color-picker, html-css-javascript, localstorage, paint-application, vanilla-js, ztm, ztm-course-exercises
• Language: JavaScript
• Homepage: https://buzzcosm.github.io/paint-clone-vanilla-js-app/
• Size: 28.3 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Paint Clone

Exercise Project of `ZTM` Course on Udemy ([JavaScript Web Projects: 20 Projects to Build Your Portfolio](https://www.udemy.com/course/javascript-web-projects-to-build-your-portfolio-resume)).

## Description

Programmed in vanilla-js.

## Useful references

- [Icons - Fontawesome](https://fontawesome.com/icons?d=gallery&m=free) 😁

- [jscolor - Color Picker](https://jscolor.com/)

- [W3Schools - Range Sliders](https://www.w3schools.com/howto/howto_js_rangeslider.asp)

- [Mozilla - Canvas API](https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial) 🔥

- [W3Schools - Window innerHeight](https://www.w3schools.com/jsref/prop_win_innerheight.asp)

- [W3Schools - Drawing shapes with canvas](https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes) 🔥

- [W3Schools - Mouse Events](https://www.w3schools.com/jsref/obj_mouseevent.asp)

- [Mozilla- OffscreenCanvasRenderingContext2D](https://developer.mozilla.org/en-US/docs/Web/API/OffscreenCanvasRenderingContext2D)

- [Mozilla - Canvas getBoundingClientRect](https://www.udemy.com/course/javascript-web-projects-to-build-your-portfolio-resume/learn/lecture/20966368#overview)

- [Mozilla - Canvas 2D Context](https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D)

- [Mozilla - Canvas toDataURL](https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toDataURL) 🔥

## Topics

- `canvas`

- [Wikipedia - Extensibility](https://en.wikipedia.org/wiki/Extensibility) 🔥