The problem Hobby-India WebBuilder solves

Any inexperienced user who doesnt know how to properly code websites can make use of the drag-and-drop builder to add and remove elements at their wish. They can even carry out complex formatting of elements through the features included.

Website builder offers various templates and customization options, allowing you to create a unique website that suits your needs. You can add images, videos, and other elements to create a website that stands out.

The website builder offers features that can enhance the user experience of your website. You can create responsive designs that work well on all devices, add animations and effects, and optimize your website for speed and performance.
The website builder can help you optimize your website for search engines. It allows you to add meta tags, descriptions, and keywords to your website, making it easier for search engines to find and rank your site.

Challenges we ran into

We couldn't figure out which framework to employ that best serves the needs of the client. In the end, we settled with GrapesJS which will allow the user to obtain the Vanilla HTML and CSS codes of the website they build and directly use it as source code. We also faced difficulty while server side rendering in the website build in website builder and at last we decided to go with the code of website shown in codepen. We also didn't know about CMS ( Content Management System) and also Next.Js which we had to learn from scratch and attempted it in our code. Moreover, we lacked time as it was a 24 hour hackathon and these kind of projects require at least a period of month to complete. So, we tried our best to implement the basic functionalities asked of us. We also faced difficulties while integrating Flask backend with our Next.JS UI. We were able to develop user auth, but faced connection issues with Firebase and Next.JS.