Inspiration
As a student who struggles with taking notes and absorbing information, ChatGPT hasn't really helped me. As easy as it is to use, I struggle with connecting the information. Therefore, I decided to use AI to help visualize the information that it generates.
What it does
NoteMap takes text files (pdf, doc, docx, txt) and turns the file into mind maps. The user can download the mindmap as a png, move the nodes around, save the map, or delete it.
How we built it
I built it using TypeScript, Mantine, CSS, and Framer Motion in the frontend. For the backend, I used Flask and Firebase for authentication and storing the maps. Lastly, I used React Flow for the mindmap and the Gemini AI Api for generating the actual notes.
Challenges we ran into
I ran into issues with storing the maps and downloading the maps as images. At first, it would save a random segment of the mindmap instead of the whole thing, making the downloads terrible. I had to adjust the code to make sure that it was storing the points correctly, because in the first two days, I did the app without authentication or storage, causing it to have issues with saving it to the user. Lastly, when the maps were generated, all the points would be on top of each other, so I had to find a way to make sure that when it's initially uploaded, there is some structure and the user can see most or all of the nodes.
Accomplishments that we're proud of
I am proud of how the frontend of the app turned out. I am more of a backend programmer, therefore, I thought that I would struggle with the frontend a lot, so I dedicated the first part to the backend and spent the rest of the time working and adjusting the frontend, which I think looks really nice.
What we learned
I learned how to properly design a webpage and center a div. It was really difficult trying to create a webpage that looks nice without using React Bootstrap.
What's next for NoteMap AI
I am trying to add the feature of adding multiple nodes and being able to share and collaborate with other people.
the website will not be speedy -- I am using the free tier of render so everything takes a minute on the backend
Log in or sign up for Devpost to join the conversation.