Inspiration
I use a lot of Google Forms—for event signups, surveys, and so on. They're easy to make and don't require a complicated backend database for me to see and process the responses. But when you embed them on websites, they're not responsive (suitable on all screen sizes) and often result in weird scrolling effects. It's also impossible to match the fonts and colors with your brand, and consistency is a powerful part of marketing and branding.
What it does
- You enter in a URL to a Google Form
- Formable scrapes the HTML from that URL and returns just the markup for the form, with its full functionality
- Formable adds attractive and usable default styles to it and allows you to adjust color, font, etc.
- You copy and paste the code into any website you want! It'll be fully responsive and fit right in with your brand—amazing!
How I built it
Challenges I ran into
Accomplishments that I'm proud of
- Used Flask and Vue.js for the first time!
- Made a project that I'll definitely actually use
What I learned
- Handling POST requests from a form submission
- How to scrape websites using Python's Beautiful Soup
- How to dynamically re-style elements using Vue.js
What's next for Formable
- Make the code and deployment process less hacky
- Set it up on useformable.com
- Launch on ProductHunt
- ???
- Profit (just kidding)
Log in or sign up for Devpost to join the conversation.