{"id":25509296,"url":"https://github.com/autumnchris/sketch-pad","last_synced_at":"2026-04-08T18:31:15.562Z","repository":{"id":126828666,"uuid":"121679378","full_name":"autumnchris/sketch-pad","owner":"autumnchris","description":"A JavaScript app that allows the user to sketch within a custom-sized canvas by hovering with the cursor.","archived":false,"fork":false,"pushed_at":"2025-07-31T17:11:10.000Z","size":899,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-01-03T18:48:29.786Z","etag":null,"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"],"latest_commit_sha":null,"homepage":"https://autumnchris.github.io/sketch-pad","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/autumnchris.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2018-02-15T20:31:29.000Z","updated_at":"2025-07-31T17:11:14.000Z","dependencies_parsed_at":null,"dependency_job_id":"4363b45a-f022-4f89-be11-d0c9a0547caa","html_url":"https://github.com/autumnchris/sketch-pad","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/autumnchris/sketch-pad","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/autumnchris%2Fsketch-pad","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/autumnchris%2Fsketch-pad/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/autumnchris%2Fsketch-pad/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/autumnchris%2Fsketch-pad/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/autumnchris","download_url":"https://codeload.github.com/autumnchris/sketch-pad/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/autumnchris%2Fsketch-pad/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31568577,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-08T14:31:17.711Z","status":"ssl_error","status_checked_at":"2026-04-08T14:31:17.202Z","response_time":54,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["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"],"created_at":"2025-02-19T08:54:54.903Z","updated_at":"2026-04-08T18:31:15.514Z","avatar_url":"https://github.com/autumnchris.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Sketch Pad\n\nA JavaScript app that allows the user to sketch within a custom-sized canvas by hovering with the cursor.\n\nInspired 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).\n\n---\n\n## Built With\n* Vanilla JS\n* JavaScript\n* [Sass](http://sass-lang.com)\n* CSS3\n* HTML5\n* [Node.js](https://nodejs.org/en)\n* [Webpack](https://webpack.js.org)\n* LocalStorage\n* [Babel](https://babeljs.io)\n* [Normalize.css](https://necolas.github.io/normalize.css)\n* [Font Awesome](https://fontawesome.com)\n* [Google Fonts](https://fonts.google.com)\n\n## Demo\n\nView project demo at [https://autumnchris.github.io/sketch-pad](https://autumnchris.github.io/sketch-pad).\n\n## Instructions\n\nAfter forking and cloning, navigate to the repository in your command line and install the NPM packages:\n```\nnpm install\n```\n\nRun the following script in your command line to run the application:\n```\nnpm start\n```\n\nOnce the server is running, go to `http://localhost:8080` in your browser.\n\nBefore committing any changes, run the following script to update your static files for production:\n```\nnpm run build\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fautumnchris%2Fsketch-pad","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fautumnchris%2Fsketch-pad","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fautumnchris%2Fsketch-pad/lists"}