π§ Inspiration
In an era where digital note-taking has become the norm, we were inspired to create an app that simplifies the process of generating study prompts effortlessly. Recognizing the importance of efficient and organized studying, our goal was to develop a tool that enables users to quickly create prompts, helping them focus on key concepts and retain information more effectively. By leveraging technology, we aimed to streamline the study preparation process, offering a user-friendly interface that enhances productivity and encourages a more structured approach to learning. Our inspiration lies in empowering individuals to optimize their study habits and achieve academic success in an increasingly digital world.
π―What it does
Our app offers a range of powerful features designed to enhance the studying experience. With our intuitive interface, users can easily input any note prompts they have taken during their classes. Leveraging the capabilities of co:here, our app generates both the question and answer based on these notes, providing users with ready-made study prompts. Furthermore, we provide a vast question bank where users can add these prompts, allowing them to build a comprehensive collection of study materials. This unique feature enables users to not only benefit from their own notes but also access and study from other users' notes within the same course, fostering collaboration and knowledge-sharing. Additionally, our app offers user integration, facilitating connections between students and creating a network of peers who can provide support, insights, and collaborative learning opportunities. This holistic approach to studying equips users with valuable resources, fosters engagement, and promotes a community-driven approach to education.
π¨βπ»How we built it
Our app was crafted, utilizing a variety of tools and technologies to bring our vision to life. We began by designing the high-level layout and user interface using Figma, allowing us to visualize and iterate on the design before diving into development. For the frontend, we chose React.js as our framework, harnessing its component-based architecture for modularity and reusability. Native routing capabilities were employed to ensure seamless navigation within the app. To streamline styling, we turned to Tailwind CSS, taking advantage of its utility classes to expedite the styling process. On the backend, we opted for Node.js, leveraging its asynchronous and event-driven nature for efficient server-side development. MongoDB served as our database, providing a flexible and scalable storage solution for our data. We integrated co:here for notes generation and content moderation, leveraging its advanced capabilities to enhance the study prompt generation process. To deploy our app, we utilized both Vercel and Azure, taking advantage of their respective strengths to ensure smooth deployment and custom domain support. The combination of these tools and technologies enabled us to build a robust and user-friendly app that facilitates efficient and collaborative studying.
π§Challenges we ran into
Throughout the development process, we encountered several challenges that required careful consideration and problem-solving. One significant issue we faced was determining the most suitable technologies for our specific use case. We had to navigate through various options, evaluating their compatibility with our requirements and making difficult decisions when certain technologies didn't align perfectly. This necessitated finding alternative solutions and making compromises to ensure the effectiveness and functionality of our app. Another challenge we encountered was related to communication. There were instances where miscommunication or lack of clarity led to bugs and inconsistencies in the code. We learned the importance of effective communication and established strategies to improve collaboration, such as regular meetings and clear documentation. Addressing these challenges allowed us to grow as a team and find creative solutions to overcome obstacles along the way.
πAccomplishments that we're proud of
We are immensely proud of the accomplishments we have achieved throughout the development journey. One of our major achievements is delivering a cohesive and fully functional app that meets the needs of our users. Building a complex application involves numerous moving parts, and successfully bringing them together into a cohesive whole is a significant accomplishment. We are also proud of establishing a working database, which serves as a reliable foundation for storing and retrieving data efficiently. Additionally, we were able to incorporate approximately 90% of the features we initially set out to complete, demonstrating our commitment to delivering a robust and feature-rich app. These accomplishments signify the hard work, dedication, and problem-solving skills of our team, and we take pride in the tangible outcomes we have achieved.
π€What we learned
Throughout the development process, we gained valuable knowledge and experience that enriched our skills and understanding. One of the key lessons we learned was how to effectively implement co:here, leveraging its capabilities to generate study prompts and facilitate content moderation efficiently. We also honed our skills in working with MongoDB, mastering its functionalities and effectively integrating it into our app to ensure seamless data management. Another crucial learning experience was discovering the importance of effective teamwork and collaboration. By utilizing various collaboration tools and establishing clear communication channels, we learned how to work harmoniously as a team, leveraging each other's strengths and expertise. This experience not only enhanced our technical abilities but also fostered a collaborative mindset that contributed to the overall success of our project.
π‘What's next for NOTI
Up next we hope to implement a better content moderation incase bad actors find ways to manipulate co:here storing malicious data in our database. We would also like to take up another framework to achieve better routing and a more smooth user experience.
Built With
- azure
- co:here
- figma
- javascript
- mongodb
- mongoose
- node.js
- react.js
- tailwindcss
- vercel
Log in or sign up for Devpost to join the conversation.