{"id":16105453,"url":"https://github.com/lironmiz/connect-the-dots","last_synced_at":"2025-06-10T23:34:11.598Z","repository":{"id":65802892,"uuid":"595521602","full_name":"lironmiz/connect-the-dots","owner":"lironmiz","description":"A site for creating a dot line game when the user enters a picture and it creates a dot line game for him for coding hackathon.","archived":false,"fork":false,"pushed_at":"2023-03-04T09:20:24.000Z","size":2824,"stargazers_count":7,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-15T07:06:15.708Z","etag":null,"topics":["bootstrap5","coding-hackathons","css3","database","dots-game","edge-detection","fullstack-development","github-pages","html5","image-processing","javascript","k-means-clustering","learning-by-doing","nodejs","problem-solving","project","responsive-web-design","sqlite3","teamwork","website-development"],"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/lironmiz.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":"2023-01-31T08:54:52.000Z","updated_at":"2024-08-04T01:56:48.000Z","dependencies_parsed_at":"2024-10-27T17:27:18.812Z","dependency_job_id":"955e2d1d-49ac-4cd7-9b86-c6d698784203","html_url":"https://github.com/lironmiz/connect-the-dots","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/lironmiz%2Fconnect-the-dots","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lironmiz%2Fconnect-the-dots/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lironmiz%2Fconnect-the-dots/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lironmiz%2Fconnect-the-dots/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lironmiz","download_url":"https://codeload.github.com/lironmiz/connect-the-dots/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243910750,"owners_count":20367545,"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":["bootstrap5","coding-hackathons","css3","database","dots-game","edge-detection","fullstack-development","github-pages","html5","image-processing","javascript","k-means-clustering","learning-by-doing","nodejs","problem-solving","project","responsive-web-design","sqlite3","teamwork","website-development"],"created_at":"2024-10-09T19:09:37.683Z","updated_at":"2025-03-18T08:31:40.762Z","avatar_url":"https://github.com/lironmiz.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\u003ch1 align=\"center\"\u003e 👾 connect-the-dots 👾 \u003c/h1\u003e\n\n\u003cimg src=\"https://i.imgur.com/dBaSKWF.gif\" height=\"50\" width=\"100%\"\u003e\n\n![image](https://user-images.githubusercontent.com/91504420/218862204-9a373a89-c2ce-45d9-aff1-41d1fdc9927d.png)\n\n\u003cp\u003e\nA website for creating a dot line game when the user enters a picture and it creates a dot line game for him with cool features and image processing for coding hackathon 🥳.\n\u003c/p\u003e\n\n![WhatsApp Image 2023-02-17 at 09 46 49](https://user-images.githubusercontent.com/91504420/219595059-d77a83b3-c2d5-4995-9120-35af14301989.jpg)\n\n\n\u003c!-- Badges --\u003e\n\u003cp\u003e\n  \u003ca href=\"https://github.com/lironmiz/connect-the-dots/graphs/contributors\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/contributors/lironmiz/connect-the-dots\" alt=\"contributors\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/last-commit/lironmiz/connect-the-dots\" alt=\"last update\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/lironmiz/connect-the-dots/network/members\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/forks/lironmiz/connect-the-dots\" alt=\"forks\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/lironmiz/connect-the-dots/stargazers\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/stars/ladunjexa/connect-the-dots\" alt=\"stars\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/lironmiz/connect-the-dots/issues/\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/issues/lironmiz/connect-the-dots\" alt=\"open issues\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/lironmiz/connect-the-dots/language count/\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/languages/count/lironmiz/connect-the-dots\" alt=\"language count\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n ![](https://img.shields.io/tokei/lines/github/lironmiz/connect-the-dots?color=blue\u0026label=Lines%20of%20Code)\n![Size](https://img.shields.io/github/repo-size/lironmiz/connect-the-dots?color=red\u0026label=Repo%20Size%20)\n \u003cimg src=\"https://img.shields.io/github/languages/top/lironmiz/connect-the-dots\" alt=\"top language\" /\u003e\n\n\u003c!-- Table of Contents --\u003e\n\u003cdetails\u003e\n\n\u003csummary\u003e\n\n# :notebook_with_decorative_cover: Table of Contents\n\n\u003c/summary\u003e\n\n- [About the Project](#star2-about-the-project)\n  * [Folder Structure](#bangbang-folder-structure)\n  * [Tech Stack](#robot-tech-stack)\n- [Getting Started](#toolbox-getting-started)\n  * [Installation](#gear-installation)\n  * [Run Locally](#running-run-locally)\n- [Video Of The Project](#video_camera-video-of-the-project)\n- [Features](#muscle-features)\n- [ScreenShots](#framed_picture-screenshots)\n- [About the authors](#telephone-about-the-authors)\n- [Project Status](#octocat-project-status)\n\n\u003c/details\u003e  \n\n\u003cimg src=\"https://i.imgur.com/dBaSKWF.gif\" height=\"50\" width=\"100%\"\u003e\n\n\u003c!-- About the Project --\u003e\n## :star2: About the Project\n\nThis repository houses an stunning Responsive Website that make a connect the dot game from given image 🤯.\n\nOur mission is to bring you back to childhood!\n\nfor more information you can see the project documentation we did at the link below and also look at the project video!\n\n- [Planning Document](https://docs.google.com/document/d/1xzy8paq7EBBskn_GaemU54gSpc9PtrlC6QMFPCwp6P8/edit?usp=sharing) (docs)\n\n\u003c!-- Folder Structure --\u003e\n### :bangbang: Folder Structure\n\nHere is the folder structure of the website \n```\nconnect-the-dots/\n|- Front/\n  |-- assets/\n    |-- img/\n      |-- about/\n        |-- 1.jpg\n        |-- 2.jpg\n        |-- 3.jpg\n        |-- 4.jpg\n      |-- team/\n        |-- alon.jpg\n        |-- liron.jpg\n      |-- close-icon.svg\n      |-- convert-header-bg.jpg\n      |-- gallery-bg.jpg\n      |-- header-bg.jpg\n    |-- favicon.ico\n  |-- css/\n    styles.css\n  |-- js/\n    |-- filters..js\n    |-- gallery.js\n    |-- imageProcessing.js\n    |-- main.js\n    |-- pathProcessing.js\n    |-- scripts.js\n  |-- convert.html\n  |-- gallery.html\n  |-- index.html\n  |-- package-lock.json\n|-- Server/\n  |-- src/\n    |-- DatabaseInterface.ts\n    |-- Server.ts\n|-- README.md\n  |-- Package-lock.json\n  |-- package.json\n|-- gitignore  \n```\n\u003cbr /\u003e\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- TechStack --\u003e\n### :robot: Tech Stack\n\u003cp\u003e\n\u003cimg src=\"https://img.shields.io/badge/Figma-F24E1E?style=for-the-badge\u0026logo=figma\u0026logoColor=white\"\u003e\n\n\u003cimg src=\"https://img.shields.io/badge/GitHub%20Pages-222222?style=for-the-badge\u0026logo=GitHub%20Pages\u0026logoColor=white\"\u003e\n\n\u003cimg src=\"https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge\u0026logo=html5\u0026logoColor=white\"\u003e\n  \n\u003cimg src=\"https://img.shields.io/badge/JavaScript-323330?style=for-the-badge\u0026logo=javascript\u0026logoColor=F7DF1E\"\u003e\n\n\u003cimg src=\"https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge\u0026logo=css3\u0026logoColor=white\"\u003e\n\n\u003cimg src=\"https://img.shields.io/badge/VSCode-0078D4?style=for-the-badge\u0026logo=visual%20studio%20code\u0026logoColor=white\"\u003e\n\n\u003cimg src=\"https://img.shields.io/badge/Notepad++-90E59A.svg?style=for-the-badge\u0026logo=notepad%2B%2B\u0026logoColor=black\"\u003e\n\n\u003cimg src=\"https://img.shields.io/badge/lenovo%20laptop-E2231A?style=for-the-badge\u0026logo=lenovo\u0026logoColor=white\"\u003e\n\n\u003cimg src=\"https://img.shields.io/badge/Google_chrome-4285F4?style=for-the-badge\u0026logo=Google-chrome\u0026logoColor=white\"\u003e\n\n\u003cimg src=\"https://img.shields.io/badge/Codepen-000000?style=for-the-badge\u0026logo=codepen\u0026logoColor=white\"\u003e\n\n\u003cimg src=\"https://img.shields.io/badge/Windows-0078D6?style=for-the-badge\u0026logo=windows\u0026logoColor=white\"\u003e\n\n\u003cimg src=\"https://img.shields.io/badge/sqlite-%2307405e.svg?style=for-the-badge\u0026logo=sqlite\u0026logoColor=white\"\u003e\n\n\u003cimg src=\"https://img.shields.io/badge/Canva-%2300C4CC.svg?style=for-the-badge\u0026logo=Canva\u0026logoColor=white\"\u003e\n \n\u003cimg src=\"https://img.shields.io/badge/-Stackoverflow-FE7A16?style=for-the-badge\u0026logo=stack-overflow\u0026logoColor=white\"\u003e\n\n\u003cimg src=\"https://img.shields.io/badge/bootstrap-%23563D7C.svg?style=for-the-badge\u0026logo=bootstrap\u0026logoColor=white\"\u003e\n\n\u003cimg src=\"https://img.shields.io/badge/NPM-%23CB3837.svg?style=for-the-badge\u0026logo=npm\u0026logoColor=white\"\u003e\n\n\u003cimg src=\"https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge\u0026logo=node.js\u0026logoColor=white\"\u003e\n\n\u003cimg src=\"https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge\u0026logo=typescript\u0026logoColor=white\"\u003e\n\n\u003cimg src=\"https://img.shields.io/badge/git-%23F05033.svg?style=for-the-badge\u0026logo=git\u0026logoColor=white\"\u003e\n\n\u003c/p\u003e\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- Getting Started --\u003e\n## \t:toolbox: Getting Started\n\n\u003c!-- Installation --\u003e\n### :gear: Installation\n\n#### Step 1:\nDownload or clone this repo by using the link below:\n\n```bash\n https://github.com/lironmiz/connect-the-dots.git\n```\n\n#### Step 2:\n\n make sure that Node.js is installed by execute the following command in console:\n\n```bash\n  node -v\n```\n\n\u003c!-- Run Locally --\u003e\n### :running: Run Locally\n\n#### Step 1:\n\nUse npm install to download the required dependencies:\n\n```bash\n  npm install ...\n```\n\n#### Step 2:\n\nAt the main folder execute the following command in console to run the server:\n\n```bash\n  npx ts-node Server/src/server.ts\n```\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!--  --\u003e\n## :muscle: Features\n\n  + Turning a picture into a dot line game\n  + Option to print the image or download it\n  + Manual background removal\n  + Possibility to create the game as several objects in the picture\n  + Gallery to display all games\n  + Option to sort the games by category int the gallery\n  + Support for all image file types\n  + Option to uplode image from API that give you cute pictures of dogs!\n  \n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- Video of the project --\u003e\n## :video_camera: Video Of The Project\n \n\nhttps://user-images.githubusercontent.com/91504420/222888487-14944014-fe49-44d3-a459-26ab7580b67e.mp4\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- Screenshots --\u003e\n## :framed_picture: Screenshots\n\n![image](https://user-images.githubusercontent.com/91504420/218858285-72dcc6db-a8e5-4e5c-8537-003f971fd74c.png)\n\n![image](https://user-images.githubusercontent.com/91504420/218858407-c6292808-a80f-4029-962a-3499a9d8c7f2.png)\n\n![image](https://user-images.githubusercontent.com/91504420/218858615-832390b3-25f3-401d-ad8a-177e1907cb62.png)\n\n![image](https://user-images.githubusercontent.com/91504420/218858683-6df6c076-8309-4ee1-9623-6386aad75f68.png)\n\n![image](https://user-images.githubusercontent.com/91504420/218859351-3da1d357-9250-4235-94fd-2b963529a1de.png)\n\n![image](https://user-images.githubusercontent.com/91504420/218859601-f5f2740d-0d0a-4386-916e-808a592f9432.png)\n\n![image](https://user-images.githubusercontent.com/91504420/218861278-8cbbd58a-5109-4303-a092-217b35c02160.png)\n\n![image](https://user-images.githubusercontent.com/91504420/218863611-34e78855-8117-4759-9862-0533a7cfdfa9.png)\n\n![image](https://user-images.githubusercontent.com/91504420/218864426-95a70085-e680-4031-917f-a03a28074d2a.png)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- About the authors --\u003e\n## :telephone: About the authors\n\n - Alon Regev - A soldier in a technological unit in the army\n \n - Liron Mizarhi - Navy soldier and programmer\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- Project status --\u003e\n## :octocat: Project Status\n\n### Project is: Done!\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flironmiz%2Fconnect-the-dots","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flironmiz%2Fconnect-the-dots","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flironmiz%2Fconnect-the-dots/lists"}