Inspiration
Each person has their own experience, and no one has the same one. It is a good start to build a relationship with similar experience, but actually it is hard to tell your all experience and your feelings to other people.
To deal with it, we came up with visualization. If we can create your own beautiful "Knowledge Universe", wouldn't it be exciting? Moreover, you can easily share your experience now!
What it does
Place your experience (reading books, watching movies, playing games, etc) as planets. When your experience tracker increases, it will expand your universe as well. Whole experience constructs your only one Knowledge Universe.
How we built it
Using bolt, only prompting. Using JSX syntax with Tailwind CSS classes, React hooks, and Lucide React for icons.
Integrate with GitHub to save the intermediate progress and make it easy to rollback.
Challenges we ran into
The Bolt code generation does not work well when I defined the custom project prompt. Especially the Row Level Security for the database prevent Supabase from working correctly. We used too much Bolt token for this problem and finally cannot recovered. So We could only prepared the limited application.
Accomplishments that we're proud of
Our visualization is unique and beautiful. The good thing is that Knowledge Universe increases its beauty as the number of item increases. User can enjoy using this app in long term.
What we learned
We were very surprised too see the UIs that Bolt can generate. It is very high quality that the app looks ready for shipping. We are planning to continue using Bolt for our self project, even after this competition.
However, Bolt sometimes be stuck in the same problem and cannot fix it. We tried to create the complete prompt including coding best practices, but it resulted in failure. We felt good Software Engineers are still necessary for the quality of the functionality. At last minute we noticed that the Discuss in Bolt improve the prompt.
What's next for Knowledge Universe
We have some remaining items.
- AI Suggestion - Suggest movies, books, or etc that fits to user's preference.
- AI Randomization - Add randomization of universe using AI. Various constellations.
- AI Search - Improve and fix search box.
- Monetize - Add purchase options to expand the universe (database storage), or enhance visualization
- Rendering - Make app more smooth
Built With
- react
- supabase
- typescript

Log in or sign up for Devpost to join the conversation.