{"id":13462402,"url":"https://github.com/karanchahal/DoodleMaster","last_synced_at":"2025-03-25T01:32:14.451Z","repository":{"id":77732756,"uuid":"110329148","full_name":"karanchahal/DoodleMaster","owner":"karanchahal","description":"\"Don't code your UI, Draw  it !\"","archived":false,"fork":false,"pushed_at":"2019-10-31T21:02:52.000Z","size":26773,"stargazers_count":2425,"open_issues_count":2,"forks_count":102,"subscribers_count":64,"default_branch":"master","last_synced_at":"2024-10-29T11:11:23.324Z","etag":null,"topics":[],"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/karanchahal.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}},"created_at":"2017-11-11T08:09:29.000Z","updated_at":"2024-10-16T02:07:13.000Z","dependencies_parsed_at":null,"dependency_job_id":"4f0222b4-9d3f-4252-a522-0fdeffa40890","html_url":"https://github.com/karanchahal/DoodleMaster","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/karanchahal%2FDoodleMaster","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/karanchahal%2FDoodleMaster/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/karanchahal%2FDoodleMaster/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/karanchahal%2FDoodleMaster/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/karanchahal","download_url":"https://codeload.github.com/karanchahal/DoodleMaster/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245382176,"owners_count":20606165,"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":[],"created_at":"2024-07-31T12:00:47.101Z","updated_at":"2025-03-25T01:32:13.480Z","avatar_url":"https://github.com/karanchahal.png","language":"JavaScript","funding_links":[],"categories":["Uncategorized","JavaScript","Pytorch elsewhere ｜ Pytorch相关","Pytorch elsewhere","Tools","📦 Legacy \u0026 Inactive Projects"],"sub_categories":["Uncategorized","Other libraries｜其他库:","Other libraries:","WebTools"],"readme":"# Doodle Master\n\nThe Doodle Master seeks to turn your UI mockups into real code. Currently this repository just serves to demonstrate a Proof Of Concept of Artificially Intelligent Design Tools.\n\nThe demo supports the detection of 4 classes of UI components\n\n1. TextViews\n2. Headers\n3. ImageViews\n4. Buttons\n\nOne can view the different doodles that this software supports for classification in the ```classes``` directory. Note that the classifier is slightly overfit towards the text view, training again with greater regularization can help solve this problem.\n\nThis type of tool can be useful in a big organisation which adheres to a consistent design guide and has several reusable components on variety of platforms such as mobile and the web. For example a button on the Airbnb website follows the same styling across all platforms. This tool can simultaneously generate the same UI for Android and the Web.\n\n## Demo\n\n![alt text](/assets/new.gif)\n\n## Technologies\n\nThis demo uses a simple CNN for the classification of the doodles made. The software is able to localise the UI element through a combination of geometric techniques and simple mouse/finger position detection. Frameworks used are:\n\n1. Deep Learning Model = Pytorch\n2. UI = HTML/CSS\n\n\nThis demo was inspired by Airbnb's work on Sketching Interfaces. This demo was made while I was a frontend developer. I was inspired to make this as I saw a lot of developers spending time on coding the UI from the mockups, this time could be better spent in coding the functionality behind the UI. Doodle master  seeks to build a painless and natural way of prototyping interfaces. This tool can be used by designers and developers alike to showcase ideas quickly in the form of real code.\n\n#### Instructions for Building and Running\n\nThis project uses Python3.\n\n1. Download the weights from [here](https://drive.google.com/open?id=1dgz1DbeXFxGYc-KmKE4RcFdmf793-lK-) and create a folder ```weights``` in the root of the repo, paste the file inside this ```weights``` folder.\n2. Build the project with these commands:\n```\nconda create -n doodle python=3.6\nconda activate doodle\nsh ./setup.sh\n```\n3. Start the server with the command : ```python3 server.py```\n4. Goto ```localhost:5000``` to view the Doodle Master.\n5. Output HTML file is generated at the ```output``` folder\n\n##### Note\n\nThis is not a prodution worthy piece of software, it is only meant for demo purposes. Please don't hesitate to contact me for more details on this project. This project sparked an interesting discussion on HackerNews on the advantages and disadvantages of \"Codeless UI\", one can read more about in this [thread](https://news.ycombinator.com/item?id=18480115) \n\n## Contributors\n\n- Karanbir Chahal ([@karanchahal](https://github.com/karanchahal))\n- Rahul Kanojia  ([@KaANO-8](https://github.com/KaANO-8))\n- Satvik Khurana\n- Himmat Yadav\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkaranchahal%2FDoodleMaster","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkaranchahal%2FDoodleMaster","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkaranchahal%2FDoodleMaster/lists"}