Fix CORS headers for mobile browser compatibility

app.py

@@ -38,7 +38,8 @@ load_dotenv()
 
 app = Flask(__name__)
 app.secret_key = 'adaptive_learning_secret_key_2024'
-CORS(app, supports_credentials=True)
+# Allow all origins and methods for the API to ensure mobile browsers work correctly
+CORS(app, resources={r"/api/*": {"origins": "*"}}, supports_credentials=True)
 
 # Initialize components
 transcriber = pipeline("automatic-speech-recognition", model="openai/whisper-base.en")
@@ -1025,10 +1026,8 @@ def puzzles():
     #return html file for games
     return render_template('anatomy_puzzle.html')
 
-@app.route('/api/generate_trivia', methods=['POST', 'OPTIONS'])
+@app.route('/api/generate_trivia', methods=['POST'])
 def generate_trivia():
-    if request.method == 'OPTIONS':
-        return jsonify({'success': True})
     try:
         data = request.json
         prompt = data.get('prompt')