https://github.com/complexlity/etch-a-sketch
Foundations part of Odin project don with vanilla js
https://github.com/complexlity/etch-a-sketch
javascript tailwindcss
Last synced: 13 days ago
JSON representation
Foundations part of Odin project don with vanilla js
- Host: GitHub
- URL: https://github.com/complexlity/etch-a-sketch
- Owner: Complexlity
- Created: 2022-10-03T22:10:25.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-01-16T15:19:20.000Z (over 3 years ago)
- Last Synced: 2025-08-23T19:25:56.001Z (8 months ago)
- Topics: javascript, tailwindcss
- Language: CSS
- Homepage: https://complexlity-etch-a-sketch.netlify.app/
- Size: 109 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Etch-a-sketch
Application with similar functions as a physical **sketch pad**.
[Live Demo](https://complexlity-etch-a-sketch.netlify.app/) :point_left:
## Features
- Change box sizes
- **Black** ink drawing
- **Rainbow** ink drawing
- **Lighten** any color on the sketch pad
- **Darken** any color on the sketch pad
- **Eraser** to revert any color
- **Reset** to reset all box colors
## New Feature Alert!!
For better description of the code clone the `with-comments` branch
### FAQs
Question: Why not merge it to the `main` branch
Answer: I personally believe in writing clean codes and try as much as possible to make it self explanatory. But for the sake of reaching beginner levels I have made this new branch
## Technologies used
- JavaScript
- TailwindCSS
## Geting started
### Clone repository
```
git clone https://github.com/Complexlity/etch-a-sketch.git
cd etch-a-sketch
```
### Install dependencies
```
npm install
```
### Start Application
```
npm run build
```
Open the folder in a browser