Freehand IO

💥 An intuitive platform to create Website Frontend using Hand Drawn✏️ Sketches.

Live @ https://freehand.ml/

---

About

• We are using Machine Learning to Detect and to Generate Frontend Code for Various Components in Website.
• Give us Simple Hand Drawn sketch of how Website should look and we will give you its code .:smiley:
• So get up and draw your website , we got you covered .
• This repo contains code for our Website

Features

• Currently we can detect and code 4 components.

  • Buttons ✅
  • Text Box ✅
  • Image ✅
  • Input Field ✅

• Specific things to draw for these components are

  • Button

    

  • Text Box

    

  • Image

    

  • Input Field

    

• Draw these on white blank paper and take an clear image of it. Upload it on Freehand IO . More Detailed Documentation can be found .here

• Once Detected, You can Customise these components and add specific things to it.

• Proceed to Code Generation and , 💥 Your Code is ready .

• You can also download your HTML files .

Demo

---

Implementation

• We are using YOLO model and Transfer Learning to train it to our custom Images.
• We have trained our ML Model to detect these components.
• Using this Model we are detecting these Components in Image .
• And with these Deatils we are then generating Code Using Node.js .

Contributing

• We're are open to enhancements & bug-fixes.
• Feel free to add issues and submit patches.

Authors

• Atharva Udapure - atharvau
• Nikhil Sahu - nikhildsahu
• Gaurav Sharma - gauravgs
• Saket Gulhane - th-10
• Saksham Madan - sakshammadan