NoteStack

• 

  Home Page

Inspiration:

NoteStack was born out of frustration with existing note-taking apps. As a student and developer, I wanted something that helped me organize my cluttered notes, which are saved as pdfs on different devices or documents on different note taking apps.

What I Learned:

Building NoteStack taught me how to implement React, Typescript, and Bootstrap into creating a functional application, albeit still a little simple. Through this project, I learned more about how to best organize components for optimal UI experience and the nesting of different components to create an organized application.

How I Built NoteStack:

I used Bootstrap for a sleek and easy-to-create UI, TypeScript and React for a dynamic frontend, and Vite for a smooth development experience.

Challenges Faced:

I really wanted to incorporate the PDF uploader and viewer for an even more versatile note-taking app. However, the time constraint forced me to abandon that for the duration of the hackathon since the dependency was not fully documented and required some research before it could be fully implemented. Additionally, since I've never done Google OAuth, I wasn't able to include Google Authentication as a way of creating user accounts. However, these difficulties just give me more room to improve in the future.

Conclusion:

NoteStack isn't just a hackathon project: I hope to include all of the functionalities I mentioned in the video for the future as soon as possible. If deployed, I believe NoteStack will be a valuable free resource to students all around the world.

Built With

• bootstrap
• react
• typescript
• vite