HackStack

Project Info

BrainHive

Devpost

This project did not submit a demo video on Devpost.

Inspiration

As a student, note-taking is an integral part of our lives. Due to different teaching styles, we often encounter a cluttered organization when it comes to notes. This makes it extremely hard for us to retrieve existing information, find additional resources, and accelerate our learning process. We aim to tackle the tedious process of note-taking with a fast-action note-taking application that assists your every word.

What it does

This note-taking application generates a "map" graph for your notes to build connections between contents throughout the notes. You will be able to walk through every single detail that you make in this app. Also, it can make a summarization of your note content, which can help you keep checking what you have taken in notes, and help you preview your notes when you are trying to find some content. Other than that, it can offer users expanded note-related information, and check if there are any mistakes in the note.

How we built it

-For the development of the website, we used nextJS and tailwindCSS. -For all the AI Implementation we used Gemini 1.5 and implemented it using the Google library. -For the graph, we used d3 and Gemini response for the connection data. -For the web design, we used Figma.

Challenges we ran into

We had a hard time making a dynamic connection node but we were able to solve it through d3 network graphs Generating consistent output that follows a certain format was also difficult. Gemini helped a lot as it provides very accurate and consistent results with engineered prompts

Accomplishments we're proud of

We are proud to be able to utilize AI to create a personalized note-taking app that assists academia. We were able to create a visualization that allows users to reference all the notes that are related to the current topic in real time.

What we learned

We learned D3.js library: and how to effectively utilize the the library to create dynamic, interactive visualizations that enhance the organization of notes. Communication is the absolute key to a successful team. We learned to work with each other, especially on the division of tasks. Design has been one of the challenging parts but the most rewarding. We were able to learn more about UX/UI designs and try to elevate user experience.

What's next

Add a button for live audio recording/converting to text, along with a button where we can click for a mark/highlight that we are confused about during the lecture/have questions to ask later. Refer more useful page for the note from Google (outside of the note) Improve based on user-friendliness

Analysis

Compare with all teams

View

Metric

Figures cover GitHub contributors during the hackathon window. A co-authored commit counts in full for each author, so per-member totals add up to more than the whole-team figures.

Technology

Found in codeClaimed only
  • CSSIn code
  • Google GeminiIn code
  • JavaScriptIn code
  • Next.jsIn code
  • ReactIn code
  • Tailwind CSSIn code
  • TypeScriptIn code

7 of 7 appear in the indexed code.

AI coding agents

No AI coding agent signals were found in this repository.

Detected from committed agent config files and commit authorship. Absence of a signal is not proof an agent was unused.

Codebase size

Source size

56 KB

Source files

14

Counts recognized source files only; vendored directories, binaries and lockfiles are excluded, so this is smaller than the repository on disk.

0 stars