{"id":29022884,"url":"https://github.com/yasinatesim/clothes-detection-example-ai","last_synced_at":"2025-07-15T11:43:30.508Z","repository":{"id":301030357,"uuid":"1007949486","full_name":"yasinatesim/clothes-detection-example-ai","owner":"yasinatesim","description":"Clothes Detection Example AI web application, uses AI to detect and classify clothing in uploaded photos","archived":false,"fork":false,"pushed_at":"2025-06-24T19:35:33.000Z","size":10,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-06-24T20:40:44.118Z","etag":null,"topics":["ai-example","clothes-detection","cocossd","mobilenet","tenserflow-image-classifier","tensorflow"],"latest_commit_sha":null,"homepage":"https://clothes-detection-example-ai.yasinates.com","language":"HTML","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/yasinatesim.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2025-06-24T19:34:32.000Z","updated_at":"2025-06-24T19:42:03.000Z","dependencies_parsed_at":"2025-06-24T20:50:48.303Z","dependency_job_id":null,"html_url":"https://github.com/yasinatesim/clothes-detection-example-ai","commit_stats":null,"previous_names":["yasinatesim/clothes-detection-example-ai"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/yasinatesim/clothes-detection-example-ai","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yasinatesim%2Fclothes-detection-example-ai","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yasinatesim%2Fclothes-detection-example-ai/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yasinatesim%2Fclothes-detection-example-ai/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yasinatesim%2Fclothes-detection-example-ai/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/yasinatesim","download_url":"https://codeload.github.com/yasinatesim/clothes-detection-example-ai/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yasinatesim%2Fclothes-detection-example-ai/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265433034,"owners_count":23764210,"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":["ai-example","clothes-detection","cocossd","mobilenet","tenserflow-image-classifier","tensorflow"],"created_at":"2025-06-26T03:04:03.188Z","updated_at":"2025-07-15T11:43:30.255Z","avatar_url":"https://github.com/yasinatesim.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch3 align=\"center\"\u003e\n  \u003cbr /\u003e\n  \u003ca href=\"https://github.com/yasinatesim/clothes-detection-example-ai\"\u003e\u003cimg src=\"https://yasinates.com/clothes-detection-example-ai.png\" alt=\"clothes-detection-example-ai\" width=\"200\" /\u003e\u003c/a\u003e\n  \u003cbr /\u003e\n  Clothes Detection Example AI\n  \u003cbr /\u003e\n\u003c/h3\u003e\n\n\u003chr /\u003e\n\n\u003cp align=\"center\"\u003eThis project is the \u003cb\u003eClothes Detection Example AI\u003c/b\u003e web application. It uses AI to detect and classify clothing in uploaded photos!\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  · \u003ca href=\"https://clothes-detection-example-ai.yasinates.com\"\u003eView Demo\u003c/a\u003e ·\n  \u003ca href=\"https://github.com/yasinatesim/clothes-detection-example-ai/issues\"\u003eReport Bug / Request Feature\u003c/a\u003e ·\n\u003c/p\u003e\n\n---\n\n## 📖 About\n\nThis project is a modern AI-powered web app for detecting and classifying clothing in images. It leverages TensorFlow.js and pre-trained models (COCO-SSD, MobileNet) to analyze photos directly in the browser. The interface is clean, responsive, and user-friendly.\n\n### 💡 Purpose\n\nTo provide a simple, accessible tool for clothing detection and classification using AI, all running client-side in the browser. Great for demos, learning, and experimentation with computer vision.\n\n## 🚀 Tech Stack\n\n\u003ctable\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.tensorflow.org/js\"\u003eTensorFlow.js\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003eMachine learning in the browser\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003ca href=\"https://github.com/tensorflow/tfjs-models/tree/master/coco-ssd\"\u003eCOCO-SSD\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003eObject detection model for clothing and accessories\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003ca href=\"https://github.com/tensorflow/tfjs-models/tree/master/mobilenet\"\u003eMobileNet\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003eImage classification model\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/HTML\"\u003eHTML5\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003eMarkup and structure\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/CSS\"\u003eCSS3\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003eModern, responsive styling\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/JavaScript\"\u003eJavaScript\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003eClient-side logic\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/table\u003e\n\n## 🧐 What's Inside?\n\n- 🖼️ **Image Upload**: Upload and analyze your own photos\n- 🤖 **AI Detection**: Detects clothing, accessories, and people\n- 📊 **Detailed Results**: Shows detected items, confidence, and bounding boxes\n- 📱 **Responsive UI**: Works on desktop and mobile\n- 📝 **No Backend**: All processing is done in the browser\n\n## ⚡️ Getting Started\n\n### 📦 Prerequisites\n\n- Modern web browser (Chrome, Firefox, Edge, Safari)\n- No installation required for demo\n\n### 🚀 Local Usage\n\nJust open `index.html` in your browser. No build step needed.\n\n## ⚠️ Important: How to Run This Project\n\n\u003e **Note:** You cannot simply double-click `index.html` to run this app because browser security restrictions will prevent the AI models from loading locally. You must serve the project with a local or remote web server.\n\n### 🖥️ Recommended Ways to Run\n\n#### 1. VS Code (Recommended)\n- Install the [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) extension.\n- Right-click `index.html` and select **\"Open with Live Server\"**.\n- The app will open in your browser and models will load correctly.\n\n#### 2. JetBrains IDEs (WebStorm, PhpStorm, etc.)\n- Right-click `index.html` and choose **\"Open in Browser\"** (JetBrains IDEs automatically serve files over HTTP).\n- Alternatively, use the built-in web server feature.\n\n#### 3. Command Line (Windows, macOS, Linux)\n- **Python 3** (cross-platform):\n  ```sh\n  python -m http.server 8000\n  # Then open http://localhost:8000 in your browser\n  ```\n- **Node.js (http-server)**:\n  ```sh\n  npx http-server .\n  # Then open the shown URL (usually http://localhost:8080)\n  ```\n- **PHP (if installed):**\n  ```sh\n  php -S localhost:8000\n  # Then open http://localhost:8000\n  ```\n\n\u003e Do not use the `file://` protocol (double-clicking the file) — models will not load!\n\n## 📚 Features\n\n- Fast, client-side AI detection\n- Modern and clean UI\n- No data leaves your device\n- Supports JPG, PNG, GIF images (up to 10MB)\n- Visualizes detection results with bounding boxes and labels\n\n## 🔑 License\n\nMIT License © 2025 Yasin Ateş\n\nSee [LICENSE](./LICENSE) for more information.\n\n---\n\n_✨ This README was generated by [markdown-manager](https://github.com/yasinatesim/markdown-manager)._\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyasinatesim%2Fclothes-detection-example-ai","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyasinatesim%2Fclothes-detection-example-ai","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyasinatesim%2Fclothes-detection-example-ai/lists"}