Giter VIP home page Giter VIP logo

htbx's Introduction

image

Inspiration

As students, we've come to notice a common practice of relying on consensus when it comes to learning. When we make our notes, we consult various sources—lecture slides, textbooks, past student notes, and even materials from other universities - to strengthen our understanding and ensure comprehensive coverage.

However, a frequent challenge arises: cognitive overload. The sheer volume of resources, often in the form of hundreds of low-quality PDFs, becomes overwhelming. Sorting through these materials to find specific information can be a daunting task. The more data there is, the harder it gets to interpret.

That's where we come in!

NoteVec empowers all students to share their notes with their classmates. These notes are quickly searchable and allow for communication between users. With NoteVec, the more data your class submits, the easier it gets to interpret.

What it does

Share: Simplify note-sharing with an easy drag-and-drop experience to share notes and access notes with other classmates.

Search: Use our lightning-fast, vectorized search feature to quickly locate the precise note you need within the database.

Visualise: Gain a comprehensive understanding by visually exploring the entire knowledge base with our graph visualisation.

Collaborate: Enhance your learning by providing feedback and engaging in discussions through comments on your classmates' notes.

Even the most non-technical people will be able to share their notes online and benefit from other student's resources

How we built it

Our main goal was to build an amazing UI to ease user experience and ensure scalability from the get-go.

  • Our front-end is built with modern technologies of NextJS combined with TailwindCSS, Shadcn and D3js.
  • To ensure our scalability we opted for a serverless approach, MongoDB for main document metadata storing, AWS S3 for pdf blob storing and serverless function for thumbnail generation.

Challenges we ran into

  • Storing and retrieving pdfs is surprisingly difficult due to encoding formats that different browsers use. For example, Chromium supports different formats than other browser engines causing for unexpected downloads of pdfs. Really hard solve!
  • Our topic graph is built using different technologies than the rest of the site (D3js with physics vs React) causing for difficult compatibility between functions and types. To remedy for this, we ensured that the data being fed to the graph would never change shape.
  • ....and one of our teammates got food poisoning from dinner!

What's next for NoteVec

  • Add embedding by paragraph to allow for more precise search!
  • User accounts and classes

htbx's People

Contributors

khalidbelhadj avatar nkdem avatar tomasmaillo avatar cat2005 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.