Challenges We Ran Into
During the development of this project, we encountered several technical challenges that required careful troubleshooting and problem-solving. Below are some key issues we faced and how we addressed them:
Backend & Frontend Integration
One major issue occurred while linking the React frontend with the backend API. After modifying auth.py, the login page stopped working. This was traced back to an incorrect import and misconfigured authentication flow. We resolved this by debugging the API responses, correcting the import statements, and ensuring proper request handling in React.
Dynamic Graph Rendering
Initially, the forgetting curve graph did not display due to missing dependencies in the Python script. To fix this, we reinstalled the necessary libraries and ensured they were correctly referenced in the code.
Responsive UI and Layout Issues
At first, the page layout did not fully utilize the screen space. We resolved this by adjusting the layout using CSS Flexbox, applying dynamic width and height properties, and testing on different screen sizes to ensure responsiveness.
Performance Optimization
As more quiz data was processed, loading times increased. To improve efficiency, we optimized API calls, implemented lazy loading where possible, and introduced caching mechanisms to store frequently accessed data. These steps significantly improved performance.
Personalized Learning Curve Calculation
The algorithm for dynamically generating a personalized forgetting curve initially produced inconsistent results. We addressed this by fine-tuning the Spaced Repetition Algorithm, adjusting key parameters based on quiz performance, and validating the model using real user data.

These challenges reinforced the importance of thorough debugging, performance optimization, and continuous testing. Overcoming them allowed us to build a more robust and scalable system.