Application changes

.gitattributes

@@ -1,35 +0,0 @@
-*.7z filter=lfs diff=lfs merge=lfs -text
-*.arrow filter=lfs diff=lfs merge=lfs -text
-*.bin filter=lfs diff=lfs merge=lfs -text
-*.bz2 filter=lfs diff=lfs merge=lfs -text
-*.ckpt filter=lfs diff=lfs merge=lfs -text
-*.ftz filter=lfs diff=lfs merge=lfs -text
-*.gz filter=lfs diff=lfs merge=lfs -text
-*.h5 filter=lfs diff=lfs merge=lfs -text
-*.joblib filter=lfs diff=lfs merge=lfs -text
-*.lfs.* filter=lfs diff=lfs merge=lfs -text
-*.mlmodel filter=lfs diff=lfs merge=lfs -text
-*.model filter=lfs diff=lfs merge=lfs -text
-*.msgpack filter=lfs diff=lfs merge=lfs -text
-*.npy filter=lfs diff=lfs merge=lfs -text
-*.npz filter=lfs diff=lfs merge=lfs -text
-*.onnx filter=lfs diff=lfs merge=lfs -text
-*.ot filter=lfs diff=lfs merge=lfs -text
-*.parquet filter=lfs diff=lfs merge=lfs -text
-*.pb filter=lfs diff=lfs merge=lfs -text
-*.pickle filter=lfs diff=lfs merge=lfs -text
-*.pkl filter=lfs diff=lfs merge=lfs -text
-*.pt filter=lfs diff=lfs merge=lfs -text
-*.pth filter=lfs diff=lfs merge=lfs -text
-*.rar filter=lfs diff=lfs merge=lfs -text
-*.safetensors filter=lfs diff=lfs merge=lfs -text
-saved_model/**/* filter=lfs diff=lfs merge=lfs -text
-*.tar.* filter=lfs diff=lfs merge=lfs -text
-*.tar filter=lfs diff=lfs merge=lfs -text
-*.tflite filter=lfs diff=lfs merge=lfs -text
-*.tgz filter=lfs diff=lfs merge=lfs -text
-*.wasm filter=lfs diff=lfs merge=lfs -text
-*.xz filter=lfs diff=lfs merge=lfs -text
-*.zip filter=lfs diff=lfs merge=lfs -text
-*.zst filter=lfs diff=lfs merge=lfs -text
-*tfevents* filter=lfs diff=lfs merge=lfs -text

Dockerfile

@@ -1,29 +1,10 @@
-# Use the official Python image with version 3.9
-FROM python:3.9
+FROM python:3.9-slim
 
-# Create a new user to run the application
-RUN useradd -m -u 1000 user
-
-# Set the user for subsequent commands
-USER user
-
-# Update the PATH environment variable
-ENV PATH="/home/user/.local/bin:$PATH"
-
-# Set the working directory
 WORKDIR /app
 
-# Copy the requirements.txt file into the container
-COPY --chown=user ./requirements.txt requirements.txt
-
-# Install the dependencies listed in requirements.txt
-RUN pip install --no-cache-dir --upgrade -r requirements.txt
-
-# Copy the entire project into the container
-COPY --chown=user . /app
+COPY requirements.txt requirements.txt
+RUN pip install -r requirements.txt
 
-# Expose the application port (5000) for Hugging Face Spaces
-EXPOSE 5000
+COPY . .
 
-# Set the command to run the application using Flask-SocketIO and eventlet
-CMD ["python", "run.py"]
+CMD ["python", "app.py"]

app.py

@@ -0,0 +1,53 @@
+from flask import Flask, render_template, request, redirect, url_for, session
+import json
+import random
+import os
+
+app = Flask(__name__)
+app.secret_key = 'supersecretkey'
+
+@app.route('/')
+def index():
+    return render_template('index.html')
+
+@app.route('/start', methods=['POST'])
+def start():
+    session['name'] = request.form['name']
+    session['questions'] = load_questions(request.files['questions'])
+    session['current_question'] = 0
+    session['answers'] = []
+    return redirect(url_for('quiz'))
+
+@app.route('/quiz', methods=['GET', 'POST'])
+def quiz():
+    if request.method == 'POST':
+        session['answers'].append(request.form.get('answer'))
+        session['current_question'] += 1
+        if session['current_question'] >= len(session['questions']):
+            return redirect(url_for('results'))
+        return redirect(url_for('quiz'))
+
+    question = session['questions'][session['current_question']]
+    return render_template('quiz.html', question=question)
+
+@app.route('/results')
+def results():
+    questions = session['questions']
+    answers = session['answers']
+    score = calculate_score(questions, answers)
+    return render_template('results.html', score=score, questions=questions, answers=answers)
+
+def load_questions(file):
+    questions = json.load(file)
+    random.shuffle(questions)
+    return questions
+
+def calculate_score(questions, answers):
+    correct_count = 0
+    for i, question in enumerate(questions):
+        if answers[i] in question['correct']:
+            correct_count += 1
+    return (correct_count / len(questions)) * 100
+
+if __name__ == '__main__':
+    app.run(debug=True)

app/__init__.py

@@ -1,5 +0,0 @@
-from flask import Flask
-
-def create_app():
-    app = Flask(__name__)
-    return app

app/routes.py

@@ -1,53 +0,0 @@
-from flask import render_template, request, redirect, url_for, jsonify
-from app import create_app
-import json
-import random
-
-app = create_app()
-
-questions = []
-user_answers = []
-
-@app.route('/')
-def index():
-    return render_template('index.html')
-
-@app.route('/start', methods=['POST'])
-def start():
-    global questions
-    file = request.files['file']
-    questions = json.load(file)
-    random.shuffle(questions)
-    return redirect(url_for('quiz'))
-
-@app.route('/quiz')
-def quiz():
-    return render_template('quiz.html')
-
-@app.route('/questions')
-def get_questions():
-    return jsonify(questions)
-
-@app.route('/submit', methods=['POST'])
-def submit():
-    global user_answers
-    user_answers = request.json
-    return jsonify({'status': 'success'})
-
-def results():
-    correct_answers = 0
-    total_questions = len(questions)
-
-    for user_answer in user_answers:
-        question_index = user_answer['questionIndex']
-        selected_options = user_answer['answers']
-        correct_options = questions[question_index]['correct']
-
-        if set(selected_options) == set(correct_options):
-            correct_answers += 1
-
-    score = (correct_answers / total_questions) * 100
-    return render_template('results.html', score=score, total_questions=total_questions, correct_answers=correct_answers)
-
-if __name__ == '__main__':
-    app.run(debug=True)

app/static/css/style.css

@@ -1,34 +0,0 @@
-body {
-    font-family: Arial, sans-serif;
-    margin: 0;
-    padding: 0;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 100vh;
-    background-color: #f0f0f0;
-}
-
-h1 {
-    text-align: center;
-}
-
-form {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-}
-
-#quiz-container {
-    text-align: center;
-}
-
-#options {
-    margin-top: 20px;
-}
-
-button {
-    margin: 10px;
-    padding: 10px 20px;
-    font-size: 16px;
-}

app/static/js/script.js

@@ -1,69 +0,0 @@
-document.addEventListener('DOMContentLoaded', () => {
-    const questionElement = document.getElementById('question');
-    const optionsElement = document.getElementById('options');
-    const prevButton = document.getElementById('prev');
-    const nextButton = document.getElementById('next');
-    const submitButton = document.getElementById('submit');
-
-    let questions = [];
-    let currentQuestionIndex = 0;
-    let userAnswers = [];
-
-    function loadQuestions(data) {
-        questions = data;
-        showQuestion(currentQuestionIndex);
-    }
-
-    function showQuestion(index) {
-        const question = questions[index];
-        questionElement.textContent = question.question;
-        optionsElement.innerHTML = '';
-        question.options.forEach((option, i) => {
-            const optionElement = document.createElement('div');
-            optionElement.innerHTML = `<input type="checkbox" id="option${i}" name="option${i}" value="${String.fromCharCode(65 + i)}">
-                                       <label for="option${i}">${option}</label>`;
-            optionsElement.appendChild(optionElement);
-        });
-    }
-
-    prevButton.addEventListener('click', () => {
-        if (currentQuestionIndex > 0) {
-            currentQuestionIndex--;
-            showQuestion(currentQuestionIndex);
-        }
-    });
-
-    nextButton.addEventListener('click', () => {
-        if (currentQuestionIndex < questions.length - 1) {
-            currentQuestionIndex++;
-            showQuestion(currentQuestionIndex);
-        }
-    });
-
-    submitButton.addEventListener('click', () => {
-        const selectedOptions = Array.from(document.querySelectorAll('input[type="checkbox"]:checked')).map(input => input.value);
-        userAnswers.push({ questionIndex: currentQuestionIndex, answers: selectedOptions });
-        if (currentQuestionIndex < questions.length - 1) {
-            currentQuestionIndex++;
-            showQuestion(currentQuestionIndex);
-        } else {
-            // Submit the quiz
-            fetch('/submit', {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json'
-                },
-                body: JSON.stringify(userAnswers)
-            })
-            .then(response => response.json())
-            .then(data => {
-                window.location.href = '/results';
-            });
-        }
-    });
-
-    // Fetch questions from the server
-    fetch('/questions')
-        .then(response => response.json())
-        .then(data => loadQuestions(data));
-});

requirements.txt

@@ -1,2 +1 @@
-Flask==2.0.1
-Werkzeug==2.0.3
+Flask==2.0.1

run.py

@@ -1,6 +0,0 @@
-from app import create_app
-
-app = create_app()
-
-if __name__ == '__main__':
-    app.run(host='0.0.0.0', port=5000)

static/script.js

@@ -0,0 +1,2 @@
+javascript
+// This file can be used for any client-side JavaScript if needed.

static/styles.css

@@ -0,0 +1,16 @@
+body {
+    font-family: Arial, sans-serif;
+    margin: 20px;
+}
+
+h1 {
+    color: #333;
+}
+
+form {
+    margin-top: 20px;
+}
+
+button {
+    margin-top: 10px;
+}

{app/templates → templates}/index.html

@@ -4,16 +4,18 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Quiz App</title>
-    <link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}">
+    <link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">
 </head>
 <body>
     <h1>Welcome to the Quiz App</h1>
     <form action="/start" method="post" enctype="multipart/form-data">
         <label for="name">Enter your name:</label>
         <input type="text" id="name" name="name" required>
-        <label for="file">Upload JSON file:</label>
-        <input type="file" id="file" name="file" required>
+        <br>
+        <label for="questions">Upload questions file:</label>
+        <input type="file" id="questions" name="questions" required>
+        <br>
         <button type="submit">Start Quiz</button>
     </form>
 </body>
-</html>
+</html>

{app/templates → templates}/quiz.html

@@ -4,17 +4,17 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Quiz</title>
-    <link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}">
+    <link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">
 </head>
 <body>
-    <h1>Quiz</h1>
-    <div id="quiz-container">
-        <div id="question"></div>
-        <div id="options"></div>
-        <button id="prev">Previous</button>
-        <button id="next">Next</button>
-        <button id="submit">Submit</button>
-    </div>
-    <script src="{{ url_for('static', filename='js/script.js') }}"></script>
+    <h1>Question {{ session['current_question'] + 1 }}</h1>
+    <p>{{ question['question'] }}</p>
+    <form action="/quiz" method="post">
+        {% for option in question['options'] %}
+            <input type="radio" id="{{ loop.index }}" name="answer" value="{{ loop.index }}" required>
+            <label for="{{ loop.index }}">{{ option }}</label><br>
+        {% endfor %}
+        <button type="submit">Next</button>
+    </form>
 </body>
 </html>

{app/templates → templates}/results.html

@@ -4,10 +4,20 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Results</title>
-    <link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}">
+    <link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">
 </head>
 <body>
     <h1>Results</h1>
-    <div id="results"></div>
+    <p>Your score: {{ score }}%</p>
+    <h2>Your Answers</h2>
+    <ul>
+        {% for i, question in enumerate(questions) %}
+            <li>
+                <p>{{ question['question'] }}</p>
+                <p>Your answer: {{ answers[i] }}</p>
+                <p>Correct answer: {{ question['correct'] }}</p>
+            </li>
+        {% endfor %}
+    </ul>
 </body>
 </html>