Skip to content

💥 Frontend Code Generation From simple Hand Drawings ✏️

Notifications You must be signed in to change notification settings

Devs-Not-Wizards/Freehand.io

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

42 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Freehand IO

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

alt text alt text alt text alt text alt text alt text


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