About Learnora

Inspiration

Students often study using PDFs, textbooks, lecture notes, and other learning resources, but finding the right information, understanding difficult concepts, and testing their knowledge can take a lot of time. Traditional study methods do not always provide personalized guidance or immediate feedback.

We wanted to build a solution that brings these learning activities together in one place. This inspired us to create Learnora, an AI-powered personalized learning companion designed to make studying more interactive, accessible, and effective.

What We Built

Learnora is a web application that combines study material management, AI-assisted tutoring, assessments, and learning progress tracking into a single platform.

Its key features include:

• Study Materials: Students can upload PDF study materials and organize their learning resources.
• AI Tutor: Students can ask questions and receive AI-assisted explanations to help them understand concepts.
• Adaptive Assessments: Students can practice questions and evaluate their understanding of the material.
• Learning Progress: Students can review their quiz history and learning activities.
• Document Processing: Uploaded PDFs are processed to extract text and divide it into smaller chunks for downstream AI-powered retrieval.

Our goal is to reduce the effort students spend switching between different tools and create a more connected learning experience.

How We Built It

We developed Learnora using a combination of frontend, backend, and AI technologies.

• React: Used to build the user interface and interactive learning dashboard.
• Node.js and Express.js: Used to handle backend APIs, study material uploads, and communication between application components.
• Python and Flask: Used to provide a separate AI service and support document-processing workflows.
• PDF Text Extraction and Chunking: Used to extract text from uploaded documents and split it into manageable sections.
• ChromaDB: Used as a vector database for storing and retrieving document chunks in the AI retrieval workflow.

The application follows a modular architecture, separating the frontend, backend, and AI service. This makes the different components easier to develop, test, and improve independently.

Challenges We Faced

One of our main challenges was integrating multiple technologies into a single working application. The React frontend, Node.js backend, and Python AI service needed to communicate correctly.

We also encountered issues involving file uploads, PDF text extraction, backend routes, dependency configuration, and the transfer of processed document chunks to the AI service. Debugging these issues helped us understand how individual components interact in a full-stack application.

Another challenge was designing the application so that study materials, tutoring, assessments, and progress tracking feel like parts of one consistent learning experience rather than separate tools.

We approached these challenges through incremental development, testing individual services, inspecting errors, and improving the integration between components.

What We Learned

Building Learnora helped us gain practical experience in full-stack web development, API integration, file handling, document processing, and connecting Python-based services with a JavaScript application.

We also learned the importance of modular architecture, debugging, version control with Git and GitHub, and testing features across the complete application workflow.

Most importantly, we learned that building an AI-powered application involves more than connecting a model to a user interface. Reliable document processing, useful retrieval, clear user interactions, and proper integration are all important parts of creating a useful learning tool.

What's Next for Learnora

We aim to improve Learnora with more personalized learning recommendations, better adaptation of question difficulty, richer learning analytics, support for additional study formats, and more reliable source-grounded explanations.

Our long-term vision is to make Learnora a learning companion that helps students move beyond simply reading study materials toward understanding concepts, practicing effectively, and learning at their own pace.

Built With

• artificial-intelligence
• chromadb
• express.js
• flask
• generative-ai
• javascript
• node.js
• python
• react
• web