init | Devpost

Inspiration

Humans have an inherent desire for beauty, seeking to create both beautiful objects and experiences. As our lives become increasingly digital, the importance of crafting seamless experiences online grows. Consequently, graphic and web design are becoming ever more important. Despite the availability of drag-and-drop templates and website builders, creating websites often remains cumbersome and inaccessible for many. We aimed to develop a straightforward solution to enable anyone to build and launch a website in just minutes.

What it does

Through our web app, you can prompt init to create any website. Start with a landing page- init will create the HTML code and CSS, and display a preview of your website. You can invite collaborators to work on the website in real time with you and prompt init through live interactions. Once you’re satisfied with your project, init offers one-click hosting. Deploy your website straight from our server and enjoy!

How we built it

Backend: we used 2 servers to run two different websockets. The first websocket was built with node and express, and managed connecting different people to a server, this allowed for live collaboration. Users can work on the same design, see prompts generated live, and deploy. The second websocket uses fastAPI and Python for prompt generation. User-given prompts and CSS and HTML context are sent to an object representing OpenAI GPT-4o model and patched.

Frontend: We used React which connects to a Firebase database and Github OAuth. The frontend renders HTML and CSS content in a preview with a deploy button that is connected to a hosted link. Users can see collaborator movement in real-time.

Challenges we ran into

This project used 2 backends, so there were many merge conflicts and unexpected issues. Despite being challenging, we were glad we dove into the subject as deep as we did because it was incredibly rewarding.

Accomplishments that we're proud of

We’re proud that we were able to put together so many features for the app that takes you from creating a project to prompting, and collaborating.We introduced a random teammate at the last minute (it was their first hackathon)- and it went well!