https://github.com/autumnchris/sketch-pad
A JavaScript app that allows the user to sketch within a custom-sized canvas by hovering with the cursor.
https://github.com/autumnchris/sketch-pad
babel css css3 es6 etch-a-sketch html html5 javascript js-classes localstorage sass scss sketch-pad the-odin-project theodinproject vanilla-javascript vanilla-js vanillajs webpack
Last synced: 3 months ago
JSON representation
A JavaScript app that allows the user to sketch within a custom-sized canvas by hovering with the cursor.
- Host: GitHub
- URL: https://github.com/autumnchris/sketch-pad
- Owner: autumnchris
- Created: 2018-02-15T20:31:29.000Z (over 8 years ago)
- Default Branch: main
- Last Pushed: 2025-07-31T17:11:10.000Z (11 months ago)
- Last Synced: 2026-01-03T18:48:29.786Z (6 months ago)
- Topics: babel, css, css3, es6, etch-a-sketch, html, html5, javascript, js-classes, localstorage, sass, scss, sketch-pad, the-odin-project, theodinproject, vanilla-javascript, vanilla-js, vanillajs, webpack
- Language: JavaScript
- Homepage: https://autumnchris.github.io/sketch-pad
- Size: 878 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Sketch Pad
A JavaScript app that allows the user to sketch within a custom-sized canvas by hovering with the cursor.
Inspired by the [Etch-a-Sketch assignment](https://www.theodinproject.com/paths/foundations/courses/foundations/lessons/etch-a-sketch-project) as part of the curriculum for the [Foundations Course](https://www.theodinproject.com/paths/foundations/courses/foundations) on [The Odin Project](https://www.theodinproject.com).
---
## Built With
* Vanilla JS
* JavaScript
* [Sass](http://sass-lang.com)
* CSS3
* HTML5
* [Node.js](https://nodejs.org/en)
* [Webpack](https://webpack.js.org)
* LocalStorage
* [Babel](https://babeljs.io)
* [Normalize.css](https://necolas.github.io/normalize.css)
* [Font Awesome](https://fontawesome.com)
* [Google Fonts](https://fonts.google.com)
## Demo
View project demo at [https://autumnchris.github.io/sketch-pad](https://autumnchris.github.io/sketch-pad).
## Instructions
After forking and cloning, navigate to the repository in your command line and install the NPM packages:
```
npm install
```
Run the following script in your command line to run the application:
```
npm start
```
Once the server is running, go to `http://localhost:8080` in your browser.
Before committing any changes, run the following script to update your static files for production:
```
npm run build
```