SlashNotes

Making prior knowledge NOW KNOWLEDGE. A Centralized Notes App.

Comment 32

💡 Inspiration

Whenever I was going through educational platforms, I always wanted to use one website to store everything. The notes, lectures, quizzes and even the courses were supposed to be accessed from different apps. I was inspired by how to create a centralized platform that acknowledges learning diversity. Also to enforce a platform where many people can collaborate, learn and grow.

🔎 What it does

By using Assembly AI and incorporating a model which focuses on enhancing the user experience by providing Speech-to-text functionality. My application enforces a sense of security in which the person decides when to study, and then, they can choose from ML transcription with summarization and labels, studying techniques to optimize time and comprehension, and an ISR(Incremental Static Regeneration) platform which continuously provides support. The tools used can be scaled as the contact with APIs and CMSs is easy to vertically scale.

🚧 How we built it

  • Frontend: built in React but optimized with NextJS with extensive use of TailwindCSS and Chakra UI.

  • Backend: Authentication with Sanity CMS, Typescript and GraphQL/GROQ used to power a serverless async Webhook engine for an API Interface.

  • Infrastructure: All connected from NodeJS and implemented with vertical scaling technology.

  • Machine learning: Summarization/Transcription/Labels from the AssemblyAI API and then providing an optimized strategy for that.

  • Branding, design and UI: Elements created in Procreate and some docs in ChakraUI.

  • Test video: Using CapCut to add and remove videos.

🛑 Challenges we ran into

  • Implementing ISR technology to an app such as this required a lot of tension and troubleshooting. However, I made sure to complete it.
  • Including such successful models and making a connection with them was hard through typescript and axios. However, when learning the full version, we were fully ready to combat it and succeed. I actually have optimized one of the algorithm's attributes with asynchronous recursion.
    • Learning a Query Language such as GROQ(really similar to GraphQL) was difficult but we were able to use it with the Sanity plugin and use the codebases that was automatically used by them.

✔️ Accomplishments that we're proud of

Literally, the front end and the backend required technologies and frameworks that were way beyond what I knew 3 months ago. However I learned a lot in the space between to fuel my passion to learn. But over the past few weeks, I planned and saw the docs of AssemblyAI, learned GROQ, implemented ISR and put that through a *Content Management Service (CMS) *.

📚 What we learned

Throughout Hack the North 2022 and prior, I learned a variety of different frameworks, techniques, and APIs to build such an idea. When starting coding I felt like I was going ablaze as the techs were going together like bread and butter.

🔭 What's next for SlashNotes?

While I was able to complete a considerable amount of the project in the given timeframe, there are still places where I can improve:

  • Implementation in the real world! I aim to push this out to google cloud.
  • Integration with school-course systems and proving the backend by adding more scaling and tips for user retention.

Built With

+ 54 more
Share this project:

Updates