{"id":20376216,"url":"https://github.com/mrglaster/js-picture-puzzle","last_synced_at":"2026-04-16T19:34:36.840Z","repository":{"id":153693290,"uuid":"579413576","full_name":"mrglaster/js-picture-puzzle","owner":"mrglaster","description":"Jigsaw Puzzle Game made with Javascript. Image for puzzle can be uploaded by user and after splited to different amount of pieces depended from difficulty level the user selected","archived":false,"fork":false,"pushed_at":"2023-03-12T02:51:09.000Z","size":2642,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-15T07:11:35.640Z","etag":null,"topics":["axios","css","headbreaker","html","imgbb","javascript","jigsaw","jigsaw-puzzle","jigsaw-puzzle-game","js","nescss","pure-javascript","sweetalert"],"latest_commit_sha":null,"homepage":"","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/mrglaster.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}},"created_at":"2022-12-17T16:06:12.000Z","updated_at":"2024-11-29T07:59:25.000Z","dependencies_parsed_at":null,"dependency_job_id":"2998063f-b782-46df-9924-fd7ff708b91c","html_url":"https://github.com/mrglaster/js-picture-puzzle","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrglaster%2Fjs-picture-puzzle","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrglaster%2Fjs-picture-puzzle/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrglaster%2Fjs-picture-puzzle/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrglaster%2Fjs-picture-puzzle/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mrglaster","download_url":"https://codeload.github.com/mrglaster/js-picture-puzzle/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241928529,"owners_count":20043820,"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":["axios","css","headbreaker","html","imgbb","javascript","jigsaw","jigsaw-puzzle","jigsaw-puzzle-game","js","nescss","pure-javascript","sweetalert"],"created_at":"2024-11-15T01:36:19.713Z","updated_at":"2026-04-16T19:34:31.813Z","avatar_url":"https://github.com/mrglaster.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## JavaScript Jigsaw Puzzle Game\nJigsaw Puzzle Game made with Javascript. Image for puzzle can be uploaded by user and after splited to different amount of pieces depended from difficulty level the user selected\n\n### How to prepare for use? \n\n1) Download the project from repository \n\n  ```git clone https://github.com/mrglaster/js-picture-puzzle/```\n\n2) [Get the API key for ImgBB](https://imgbb.com/api)\n\n![alt text](https://github.com/mrglaster/js-picture-puzzle/blob/main/readme_images/image_5.png)\n\n3) Find following lines in ```/scripts/main_menu.js```\n\n  ```\n  /**ImgBB API key */\n  let API_KEY = 'USE YOUR OWN!'\n  ```\n4) Replace ```USE YOUR OWN!``` to your API key.\n5) Open ```index.html``` in browser\n6) Profit!\n\n### Screenshots\n\n![alt text](https://github.com/mrglaster/js-picture-puzzle/blob/main/readme_images/image_1.png)\n\n![alt text](https://github.com/mrglaster/js-picture-puzzle/blob/main/readme_images/image_2.png)\n\n![alt text](https://github.com/mrglaster/js-picture-puzzle/blob/main/readme_images/image_3.png)\n\n![alt text](https://github.com/mrglaster/js-picture-puzzle/blob/main/readme_images/image_4.png)\n\n\n### Used Libraries\n\n1) [Axios HTTP Requests Library](https://github.com/axios/axios)\n2) [SweetAlert Popup Messages Library](https://sweetalert.js.org/)\n3) [Headbreaker Library](https://github.com/flbulgarelli/headbreaker)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmrglaster%2Fjs-picture-puzzle","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmrglaster%2Fjs-picture-puzzle","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmrglaster%2Fjs-picture-puzzle/lists"}