Skip to content

Syed-56/Etch-a-Sketch

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

10 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Etch-a-Sketch Web App ๐ŸŽจ

A responsive, interactive Etch-a-Sketch sketchpad that lets users draw by simply hovering over grid cells. Built with vanilla JavaScript, HTML5, and CSS3.

๐Ÿš€ Live Features

  • ๐ŸŽ›๏ธ Canvas Size Selection: Choose from small (16x16), medium (32x32), large (64x64), or enter a custom grid size (1-64).
  • ๐ŸŽจ Color Modes:
    • Classic (select your own color)
    • Rainbow (random colors)
    • Eraser (turn cells white)
  • ๐Ÿงฝ Utility Options:
    • Clear canvas
    • Change grid size
  • ๐Ÿ–ฑ๏ธ Hover-Based Drawing: Just move your cursor across the canvas to draw

๐Ÿ’ก How to Use

  1. Open index.html in any modern browser.
  2. Click "Etch Your Sketch" to start.
  3. Choose a predefined canvas size or enter a custom one.
  4. Pick a drawing mode and start sketching by hovering over the grid!

๐Ÿ› ๏ธ Built With

  • HTML5
  • CSS3 (Flexbox layout, responsive design)
  • JavaScript (DOM manipulation and event handling)

๐Ÿ“ฌ Contact

Created by Syed Sultan Ahmed
๐Ÿ“ง ssa.56.sultan@gmail.com
๐Ÿ“ Karachi, Pakistan


ยฉ 2025 Syed Sultan Ahmed. All rights reserved.

Releases

No releases published

Packages

 
 
 

Contributors

โšก