{"id":19303236,"url":"https://github.com/xkeshav/canvas","last_synced_at":"2025-04-22T11:32:06.409Z","repository":{"id":144938020,"uuid":"132491335","full_name":"xkeshav/canvas","owner":"xkeshav","description":"kidz playing zone : build with only HTML CSS and Javascript","archived":false,"fork":false,"pushed_at":"2024-12-24T20:14:10.000Z","size":115117,"stargazers_count":4,"open_issues_count":0,"forks_count":3,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-04-21T06:12:41.737Z","etag":null,"topics":["abcd","abcdkbd","html-css-javascript","kids"],"latest_commit_sha":null,"homepage":"https://www.abcdkbd.com","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/xkeshav.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.MD","contributing":".github/CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":".github/CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":".github/CODEOWNERS","security":".github/SECURITY.md","support":".github/SUPPORT.md","governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-05-07T17:01:13.000Z","updated_at":"2024-11-25T21:18:16.000Z","dependencies_parsed_at":null,"dependency_job_id":"f3f32c69-c0ad-45e2-8427-a742dbdcdf3e","html_url":"https://github.com/xkeshav/canvas","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xkeshav%2Fcanvas","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xkeshav%2Fcanvas/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xkeshav%2Fcanvas/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xkeshav%2Fcanvas/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/xkeshav","download_url":"https://codeload.github.com/xkeshav/canvas/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250232177,"owners_count":21396585,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["abcd","abcdkbd","html-css-javascript","kids"],"created_at":"2024-11-09T23:25:38.389Z","updated_at":"2025-04-22T11:32:01.347Z","avatar_url":"https://github.com/xkeshav.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Canvas\n\nA learning website for kids who started their journey to learn alphabets, you can play on on desktop/laptop on the\n\n# Live Website \n\n\u003e [!NOTE]  \n\u003e website is live at [*abcd kbd.com*](https://abcdkbd.com)\n\n## How to run\n\n- clone this repo and navigate to folder and run\n\n```sh\n\u003e npm install\n```\n\n- build client and server using webpack by running\n\n```sh\n\u003e npm run build\n```\n\n- start the app\n\n```sh\n  \u003e npm run start\n```\n\nopen [localhost:3003](http://localhost:3003) to see the main page in browser\n\n## screenshot\n\n### Main page\n\n\n[![Landing Page](./src/assets/screenshots/index.png)](https://abcdkbd.com)\n\n### Draw\n\n[![Draw](./src/assets/screenshots/Draw.png)](https://abcdkbd.com/draw)\n\n### Hide N Seek\n\n[![Hide And Seek](./src/assets/screenshots/Hide-n-Seek.png)](https://abcdkbd.com/hide-n-seek)\n\n\n### Mathematics\n\n[![Mathematics](./src/assets/screenshots/Maths.png)](https://abcdkbd.com/math)\n\n### Kannada\n\n[![Kannada](./src/assets/screenshots/Kannada.png)](https://abcdkbd.com/kannada)\n\n\n### Canvas\n\n[![Canvas](./src/assets/screenshots/Canvas.png)](https://abcdkbd.com/canvas)\n\n\n### Capital\n\n[![Capital](./src/assets/screenshots/Capital.png)](https://abcdkbd.com/capital)\n\n\n## How it works\n\n### Draw Page\n\nuser press any key\n\non right side that key name will be appeared in white color with big font size\n\n- if this key is a number than background-color will change and that number of circle appears which key is pressed.\n  for eg. if 3 is pressed than 3 circle will appears.\n\n- if this key is any alphabet than background Image will be changed to that background.\n\nfor eg if user press A than background image will be changes to Apple.\nNote: all images are in _.jpg_ format only.\n\n### Hide N Seek Page\n\nthere is grid of green blocks of 26 letters\n\nkid type any letter from keyboard, then that block will be display the text and if type same letter again then it disappears again\n\n\n### Mathematics page\nBasic mathematics operation up to 2 digits and on refresh icon; get new data and if kid solve it then green tick will appears; there are Addition / Subtraction and Multiply operations on the page\n\n### Kannada Page\n\nKannada and its relevant Hindi letter so that parent /kid can read and practice\n\n### Canvas page\n\nkid can generate image of the initial of the text entered in input box with new background every time or kid can print current time by click on time button.\n\nwe can save the image via right click of generated image\n\n### Capital page\n\nIndia's All State and UT Capital mentioned. when click on any State/ its capital display below that.\n\n\n\u003e [!CAUTION]\n\u003e changes in CSS and JS are hot reloaded but not HTML; for that build and run again\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxkeshav%2Fcanvas","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fxkeshav%2Fcanvas","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxkeshav%2Fcanvas/lists"}