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