Quirbble

Home screen
Project selection
Roadmap

Inspiration

During our brainstorm session for this Hackathon, we found it extremely difficult to come up with an idea. This ironically led us to find the project itself: a website that helps you find an idea, and make a plan of action through the use of a roadmap.

What it does

It helps anyone who wants to create a coding project from start to end, with an emphasis on being beginner friendly, while still very useful for advanced users! From AI generated ideas which build on your feedback during the brainstorm phase, to having tools to help with motivation while the program is being built, all the way to the end where you can mark a project as finished and have a project final report to see how you did.

Furthermore, using the cutting edge of AI the program is capable of generating a skeleton plan from a project brief, and then using that skeleton plan to generate a in depth roadmap, comprised of useful resources and explanations.

How we built it

Quirbble was created on a foundation built by Lovable, which we then expanded into a full react website with Tailwind CSS and TypeScript. Additionally, we integrated various AI APIs including Gemini and Perplexity.

Challenges we ran into

Building on a system that was made using Lovable presented some challenge as the file structures were foreign to work with, which required us to refactor the code-base to make it easier to work with. Additionally, many of us were unfamiliar with web dev and using TypeScript.

Accomplishments that we're proud of

We were actively seeking feedback from users as the app was being developed which allowed us to create a overall more user friendly design and experience. We are also very proud of the final product, which we think is very useful (we even used it ourselves to help us build this very project!)

What we learned

We learnt a lot more about how to use Typescript and React, as well as understanding the power of AI web app generators like Lovable!

What's next for Quirbble

Adding in Github integration so the codebase can be viewed locally on the site, as well as linked in integration so that you can spread the news when you succeed on a project. We would also like to add achievements to gamify and excite the user.