Add application file

Procfile

@@ -0,0 +1 @@
+web: gunicorn main:app

README.md

@@ -1,11 +1,7 @@
----
 title: OIST QUIZ APP
 emoji: 📊
 colorFrom: indigo
 colorTo: indigo
 sdk: docker
 pinned: false
-license: apache-2.0
----
-
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+license: apache-2.0

app/__init__.py

@@ -0,0 +1,11 @@
+from flask import Flask
+from config import Config
+from flask_sqlalchemy import SQLAlchemy
+from flask_migrate import Migrate
+
+app = Flask(__name__)
+app.config.from_object(Config)
+db = SQLAlchemy(app)
+migrate = Migrate(app, db)
+
+from app import routes

app/forms.py

@@ -0,0 +1,34 @@
+from flask_wtf import FlaskForm
+from wtforms import StringField, PasswordField, BooleanField, SubmitField, RadioField
+from wtforms.validators import ValidationError, DataRequired, Email, EqualTo
+from wtforms.ext.sqlalchemy.fields import QuerySelectField
+
+from app.models import User
+
+class LoginForm(FlaskForm):
+    username = StringField('Username', validators=[DataRequired()])
+    password = PasswordField('Password', validators=[DataRequired()])
+    remember_me = BooleanField('Remember Me')
+    submit = SubmitField('Login')
+
+class RegistrationForm(FlaskForm):
+    username = StringField('Username', validators=[DataRequired()])
+    email = StringField('Email', validators=(DataRequired(), Email()))
+    password = PasswordField('Password', validators=[DataRequired()])
+    password2 = PasswordField('Confirm Password', 
+                validators=(DataRequired(), EqualTo('password')))
+    submit = SubmitField('Register')
+
+    def validate_username(self, username):
+        user = User.query.filter_by(username=username.data).first()
+        if user is not None:
+            raise ValidationError('Username already exists')
+    
+    def validate_email(self, email):
+        user = User.query.filter_by(email=email.data).first()
+        if user is not None:
+            raise ValidationError('Email already exists.')
+
+class QuestionForm(FlaskForm):
+    options = RadioField('Options: ', validators=[DataRequired()], default=1)
+    submit = SubmitField('Next')

app/models.py

@@ -0,0 +1,30 @@
+from app import db
+from werkzeug.security import generate_password_hash, check_password_hash
+
+class User(db.Model):
+    id = db.Column(db.Integer, primary_key=True)
+    username = db.Column(db.String(64), index=True, unique=True)
+    email = db.Column(db.String(120), index=True, unique=True)
+    password_hash = db.Column(db.String(128))
+    marks = db.Column(db.Integer, index=True)
+
+    def __repr__(self):
+        return '<User {}>'.format(self.username)
+
+    def set_password(self, password):
+        self.password_hash = generate_password_hash(password)
+    
+    def check_password(self, password):
+        return check_password_hash(self.password_hash, password)
+
+class Questions(db.Model):
+    q_id = db.Column(db.Integer, primary_key=True)
+    ques = db.Column(db.String(350), unique=True)
+    a = db.Column(db.String(100))
+    b = db.Column(db.String(100))
+    c = db.Column(db.String(100))
+    d = db.Column(db.String(100))
+    ans = db.Column(db.String(100))
+
+    def __repr__(self):
+        return '<Question: {}>'.format(self.ques)

app/routes.py

@@ -0,0 +1,87 @@
+from app import app
+from flask import render_template, request, redirect, url_for, session, g, flash
+from werkzeug.urls import url_parse
+from app.forms import LoginForm, RegistrationForm, QuestionForm
+from app.models import User, Questions
+from app import db
+
+
+@app.before_request
+def before_request():
+    g.user = None
+
+    if 'user_id' in session:
+        user = User.query.filter_by(id=session['user_id']).first()
+        g.user = user
+
+@app.route('/')
+def home():
+    return render_template('index.html', title='Home')
+
+@app.route('/login', methods=['GET', 'POST'])
+def login():
+    form = LoginForm()
+    if form.validate_on_submit():
+        user = User.query.filter_by(username=form.username.data).first()
+        if user is None or not user.check_password(form.password.data):
+            return redirect(url_for('login'))
+        session['user_id'] = user.id
+        session['marks'] = 0
+        next_page = request.args.get('next')
+        if not next_page or url_parse(next_page).netloc != '':
+            next_page = url_for('home')
+        return redirect(next_page)
+        return redirect(url_for('home'))
+    if g.user:
+        return redirect(url_for('home'))
+    return render_template('login.html', form=form, title='Login')
+
+@app.route('/register', methods=['GET', 'POST'])
+def register():
+    form = RegistrationForm()
+    if form.validate_on_submit():
+        user = User(username=form.username.data, email=form.password.data)
+        user.set_password(form.password.data)
+        db.session.add(user)
+        db.session.commit()
+        session['user_id'] = user.id
+        session['marks'] = 0
+        return redirect(url_for('home'))
+    if g.user:
+        return redirect(url_for('home'))
+    return render_template('register.html', title='Register', form=form)
+
+
+
+@app.route('/question/<int:id>', methods=['GET', 'POST'])
+def question(id):
+    form = QuestionForm()
+    q = Questions.query.filter_by(q_id=id).first()
+    if not q:
+        return redirect(url_for('score'))
+    if not g.user:
+        return redirect(url_for('login'))
+    if request.method == 'POST':
+        option = request.form['options']
+        if option == q.ans:
+            session['marks'] += 10
+        return redirect(url_for('question', id=(id+1)))
+    form.options.choices = [(q.a, q.a), (q.b, q.b), (q.c, q.c), (q.d, q.d)]
+    return render_template('question.html', form=form, q=q, title='Question {}'.format(id))
+
+
+@app.route('/score')
+def score():
+    if not g.user:
+        return redirect(url_for('login'))
+    g.user.marks = session['marks']
+    # db.session.commit()
+    return render_template('score.html', title='Final Score')
+
+@app.route('/logout')
+def logout():
+    if not g.user:
+        return redirect(url_for('login'))
+    session.pop('user_id', None)
+    session.pop('marks', None)
+    return redirect(url_for('home'))

app/static/css/mob-styles.css

@@ -0,0 +1,178 @@
+@media  all and  (max-width: 600px) {
+
+  nav {
+    /* height: 70px; */
+    padding: 2%;;
+  }
+
+  /* Home Page css */
+  .home-img{
+    width: auto;
+    height: 400px;
+    order: 1;
+  }
+
+  .home-div {
+    flex-direction: column-reverse;
+  }
+
+  .info-div{
+    align-items: center;
+  }
+
+  .info-div h1 {
+    font-weight: 700;
+    font-size: 25px;
+  }
+
+  .info-div h4 {
+    color: #fff;
+    font-weight: 600;
+    font-size: 18px;
+    text-align: center;
+    /* width: 95%; */
+  }
+
+  .home-div a {
+    color: #fff;
+    order: 2;
+    font-size: 18px;
+    margin-top: 30px;
+    border-radius: 30px;
+    padding: 15px;
+    margin-bottom: 7%;
+  }
+
+
+
+  /* Login page css */
+  .login-img {
+    display: none;
+  }
+  
+  .login-form {
+    margin-top: 10%;
+  }
+
+  /* Sign UP page css */
+
+  .register-img{
+    display: none;
+  }
+
+  .register-main{
+    margin: 5%;
+    margin-top: 2%;
+    /* margin-top: 5%; */
+  }
+
+
+
+  /* Question Page CSS */
+
+  .ques-div{
+    font-size: 20px;
+    margin: 7%;
+    margin-top: 2%;
+  }
+
+  .qnum{
+    font-size: 25px;
+  }
+
+  .ques-heading{
+    font-size: 25px;
+  }
+
+  .options-div{
+    margin-top: 13%;
+  }
+
+  .options-div label{
+    font-size: 17px;
+  }
+  .sub-btn{
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+
+
+  /* Score Page csss */
+  .score-main{
+    margin-top: 30px;
+  }
+
+  .highest-score{
+    margin-top: 30px;
+    font-size: 18px;
+    width: 80%;
+  }
+
+  
+  .score-head {
+    font-size: 35px;
+    margin-top: 40px;
+  }
+
+  .score-circle {
+    border-width: 8px;
+    width: 120px;
+    height: 120px;
+    margin-top: 32px;
+  }
+
+  .score-circle h1{
+    font-size: 40px;
+    padding: 17px;
+  }
+
+  .congrats-cls{
+    margin-top: 35px;
+    font-size: 30px;
+  }
+
+  .redirect-links{
+    margin-top: 60px;
+    width: 70%;
+  }
+  
+  
+}
+
+.container,
+.container-fluid,
+.container-sm,
+.container-md,
+.container-lg,
+.container-xl {
+  width: 100%;
+  padding-right: 15px;
+  padding-left: 15px;
+  margin-right: auto;
+  margin-left: auto;
+}
+
+@media (min-width: 576px) {
+  .container {
+    max-width: 540px;
+  }
+}
+
+@media (min-width: 768px) {
+  .container {
+    max-width: 720px;
+  }
+}
+
+@media (min-width: 992px) {
+  .container {
+    max-width: 960px;
+  }
+}
+
+@media (min-width: 1200px) {
+  .container {
+    max-width: 1140px;
+  }
+}

app/static/css/styles.css

@@ -0,0 +1,358 @@
+body{
+    height: 100%;
+    font-family: 'Inter', sans-serif;
+    font-weight: 600;
+    background-color: #fff;
+    /* background-color: #71baed; */
+}
+
+.home-bg{
+    display: flex;
+    flex-direction: column;
+}
+
+.home-bg .home-div {
+    flex: 1;
+}
+
+
+/* Nav CSS */
+
+
+nav {
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+    background-color: #fff;
+    border-bottom: 1px solid #8b95bd;
+    /* height: 50px; */
+    padding: 0.8%;
+}
+
+.nav-links {
+    list-style: none;
+    margin-bottom: 0em;
+}
+
+.nav-links li{
+    display: inline-block;
+    padding: 0px 15px;
+    margin-left: 20px;
+}
+
+.nav-links li a{
+    transition: all 0.3s ease 0s;
+    text-decoration: none;
+    color: #3e4667;
+}
+
+
+/* Home page CSS */
+
+.home-img{
+    width: auto;
+    height: 525px;
+    border-radius: 50%;
+    margin-right: 20px;
+}
+
+.home-div {
+    background-color: #71baed;
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    flex-direction: row-reverse;
+    width: 100%;
+    height: auto;
+    margin-left: 0;
+    margin-right: 0;
+}
+
+
+
+.info-div{
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
+    align-items: flex-start;
+}
+
+.info-div h1 {
+    color: #fff;
+    font-weight: 700;
+    font-size: 50px;
+}
+
+.info-div h4 {
+    color: #fff;
+    font-weight: 700;
+}
+
+.info-div a {
+    background-color: #fad500;
+    color: #fff;
+    font-size: 18px;
+    margin-top: 40px;
+    border-radius: 30px;
+    padding: 15px;
+    text-decoration: none;
+}
+
+
+
+/* Login Page CSS */
+
+.login-main {
+    display: flex;
+    justify-content: space-between;
+    background-color: #fff;
+}
+
+.login-img {
+    width: 61%;
+    height: auto;
+    margin-top: 20px;
+}
+
+.login-form {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex: 1;
+}
+
+.login-intro{
+    margin-bottom: 50px;
+    margin-left: 7px;
+    color: #8e8e8e;
+}
+
+.login-intro h1{
+    font-weight: 800;
+    color: #000;
+}
+
+
+
+.form-para {
+    display: flex;
+    align-items: center;
+    flex-direction: row;
+    margin-bottom: 27px;
+}
+
+.form-para svg {
+    border: none;
+    margin-right: 20px;
+    padding: 5px;
+    fill: #8e8e8e;
+}
+
+.form-para input {
+    border: none;
+}
+
+.form-para input ::placeholder{
+    color: #8e8e8e;
+}
+
+.form-para p {
+    color: #8e8e8e;
+    font-weight: 400;
+}
+.form-para span {
+    margin-left: 15px;
+
+}
+
+.form-para p input{
+    margin-left: 100px;
+}
+
+
+/* Register Page css */
+
+
+
+.register-main{
+    display: flex;
+    justify-content: center;
+    background-color: #fff;
+    align-items: center;
+}
+
+.register-img{
+    width: 44.2%;
+    height: auto;
+}
+
+.register-form {
+    margin-top: 7px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex: 1;
+}
+
+.register-form p{
+    display: block;
+    margin-left: auto;
+}
+
+.register-intro{
+    margin-top: 28px;
+    margin-left: 7px;
+    color: #8e8e8e;
+    margin-bottom: 0px;
+}
+
+.register-intro h1{
+    font-weight: 800;
+    color: #000;
+}
+
+
+
+
+
+/* Question Page CSS */
+
+.ques-div {
+    background-color: #fff;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.qnum {
+    margin-top: 25px;
+    color: #989cad;
+}
+
+form hr {
+    border: 1px dashed #525976;
+}
+
+
+.ques-heading {
+    font-weight: 800;
+    margin-bottom: 33px;
+    /* color: #fff; */
+    color: #3e4667;
+    max-width: 100%;
+}
+
+
+.options-div li {
+    box-sizing: content-box;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    flex-direction: row-reverse;
+    border: 3px solid #989cad;
+    border-radius: 15px;
+    padding: 10px;
+    width: 95%;
+    height: 30px;
+    margin-bottom: 17px;
+    margin-top: 15px;
+}
+
+.options-div label{
+    font-size: 20px;
+    color: #3e4667;
+    margin-top: 7px;
+}
+
+/* .options-div input{
+    margin-top: 10px;
+} */
+
+.sub-btn {
+    display: block;
+    margin-left: auto;
+}
+
+.check-circle{
+    font-size: 1.4em;
+    color: #3e4667;
+}
+
+/* Scores Page CSS */
+
+.score-main {
+    display: flex;
+    justify-content: space-between;
+    flex-direction: column;
+    align-items: center;
+    background-color: #fff;
+}
+
+
+
+.score-head {
+    font-weight: 600;
+    margin-top: 30px;
+    font-style: bold;
+    color: #49535f;
+    
+}
+
+.score-circle {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border: 10px solid #107eeb;
+    border-radius: 50%;
+    width: 140px;
+    height: 140px;
+    margin-top: 15px;
+}
+
+.score-circle h1{
+    font-size: 50px;
+    border-radius: 50%;
+    padding: 20px;
+    
+    color: #49535f;
+}
+
+.congrats-cls{
+    margin-top: 15px;
+    font-style: bold;
+    color: #49535f;
+}
+
+.highest-score{
+    display: flex;
+    flex-flow: row nowrap;
+    justify-content: center;
+    align-items: center;
+    margin-top: 30px;
+    border: 50px;
+    background-color: #107eeb;
+    color: #fff;
+    border: 2px solid #107eeb;
+    border-radius: 100px;
+    padding: 5px;
+    font-size: 26px;
+    width: 40%;
+}
+
+.high-score-name {
+    background-color: #fff;
+    border: 2px solid #fff;
+    border-radius: 100px;
+    color: #49535f;
+    padding: 5px;
+    margin: 5px;
+    margin-left: 18px;
+}
+
+.redirect-links{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-top: 50px;
+    width: 60%;
+}

app/templates/base.html

@@ -0,0 +1,42 @@
+<html>
+    <head>
+        {% if title %}
+        <title> {{ title }} </title>
+        {% else %}
+        <title> Default </title>
+        {% endif %}
+        
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+        <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet"> 
+    
+        <script src="https://kit.fontawesome.com/21d2eca3df.js" crossorigin="anonymous"></script>
+        <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
+        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
+        <link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}">
+        <link rel="stylesheet" href="{{ url_for('static', filename='css/mob-styles.css') }}">
+    </head>
+    <body class="home-bg">
+    <nav>
+        <ul class="nav-links">
+            <li> <a href="{{ url_for('home') }}"> Home </a> </li>
+            {% if not g.user %}
+            <li> <a href="{{ url_for('login') }}"> Login </a> </li>
+            {% else %}
+            <li> <a href="{{ url_for('logout') }}"> Logout </a> </li>
+            {% endif %}
+        </ul>
+    </nav>
+    {% with messages = get_flashed_messages() %}
+    {% if messages %}
+    <ul>
+        {% for message in messages %}
+        <li>{{ message }}</li>
+        {% endfor %}
+    </ul>
+    {% endif %}
+    {% endwith %}
+        {% block content %}{% endblock %}
+    </body>
+</html>

app/templates/index.html

@@ -0,0 +1,18 @@
+{% extends 'base.html' %}
+
+{% block content %}
+    <div class="home-div">
+        <img src="{{ url_for('static', filename='images/home.jpg') }}" class="home-img">
+        <div class="info-div">
+            {% if g.user %}
+                <h1>Welcome {{ g.user.username.capitalize() }}, </h1>
+            {% else %}
+                <h1>Sign In, Guest </h1>
+            {% endif %}
+            <h4> Explore the Test Preparation 
+                exclusively made for you!
+            </h4>
+            <a href="{{ url_for('question', id=1)}}">Take the test</a>
+        </div>
+    </div>
+{% endblock %}

app/templates/login.html

@@ -0,0 +1,42 @@
+{% extends 'base.html' %}
+
+{% block content %}
+    <div class="login-main">
+        <div class="login-form">
+            <form method="post" novalidate>
+                <div class="login-intro">
+                    <h1>Login to  <br> Quiz Buzz!</h1>
+                    <p>Create any type of test, from easy <br> to complex.</p>
+                </div>
+                {{ form.hidden_tag() }}
+                <div class="form-para">
+                    <svg width="30px" height="30px" viewBox="0 0 16 16" class="bi bi-person" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+                        <path fill-rule="evenodd" d="M10 5a2 2 0 1 1-4 0 2 2 0 0 1 4 0zM8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm6 5c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10z"/>
+                    </svg>
+                    {{ form.username(placeholder="Username") }}
+                    {% for error in form.username.errors %}
+                <span style="color:red;"> {{ error }} </span>
+                {% endfor %}
+                </div>
+                <div class="form-para">
+                    <svg width="30px" height="30px" viewBox="0 0 16 16" class="bi bi-key" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+                        <path fill-rule="evenodd" d="M0 8a4 4 0 0 1 7.465-2H14a.5.5 0 0 1 .354.146l1.5 1.5a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0L13 9.207l-.646.647a.5.5 0 0 1-.708 0L11 9.207l-.646.647a.5.5 0 0 1-.708 0L9 9.207l-.646.647A.5.5 0 0 1 8 10h-.535A4 4 0 0 1 0 8zm4-3a3 3 0 1 0 2.712 4.285A.5.5 0 0 1 7.163 9h.63l.853-.854a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.793-.793-1-1h-6.63a.5.5 0 0 1-.451-.285A3 3 0 0 0 4 5z"/>
+                        <path d="M4 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/>
+                    </svg>
+                    {{ form.password(placeholder="Password") }}
+                    {% for error in form.password.errors %}
+                <span style="color:red;"> {{ error }} </span>
+                {% endfor %}
+                </div>
+                <!-- <p>{{ form.remember_me() }} {{ form.remember_me.label }}</div> -->
+                <div class="form-para">
+                    <p>Forgot Password? {{ form.submit(class="btn btn-primary") }}</p>
+                </div>
+                <div class="form-para">
+                    <p>New User? <a href="{{ url_for('register') }}">Click to Register!</a></p>
+                </div>
+            </form>
+        </div>
+        <img src="{{ url_for('static', filename='images/boy-with-glasses.jpg') }}" class="login-img">
+    </div>
+{% endblock %}

app/templates/question.html

@@ -0,0 +1,22 @@
+{% extends 'base.html' %}
+
+
+{% block content %}
+    <div class="ques-div">
+        <form method="post" novalidate>
+            <h2 class="qnum">Question {{q.q_id}}</h2>
+            <div class="dotted-spaced"></div>
+            <hr>
+            <h1 class="ques-heading">{{q.ques}}</h1>
+            <div class="options-div">
+                {{ form.options(class="list-unstyled") }}
+            </div>
+            {{ form.submit(class="btn btn-primary btn-lg sub-btn") }}
+        </form>
+        <!-- <span class="check-circle">
+            <i class="fas fa-check-circle"></i>
+        </span> -->
+    </div>
+
+{% endblock %}
+

app/templates/register.html

@@ -0,0 +1,81 @@
+{% extends 'base.html' %}
+
+{% block content %}
+    <div class="register-main">
+        <img src="{{ url_for('static', filename='images/kids-studying-from-home.gif') }}" alt="kids-studying-from-home" class="register-img">
+        <div class="register-form">
+            <form action="" method="POST">
+                {{ form.hidden_tag() }}
+                <div class="register-intro">
+                    <h1>Create your <br>Account now!</h1>
+                    <p>Get unlimited typeforms, questions and responses. <br> Free Forever.</p>
+                </div>
+
+                <!-- <div class="alert alert-danger">
+                {% for error in form.username.errors %}
+                    {{ error }} 
+                {% endfor %}
+                {% for error in form.email.errors %}
+                    <br>{{ error }}
+                {% endfor %}
+                {% for error in form.password.errors %}
+                    <br>{{ error }}
+                {% endfor %}
+                {% for error in form.password2.errors %}
+                    <br>{{ error }}
+                {% endfor %}
+                </div> -->
+
+            
+                <div class="form-para">
+                    <svg width="30px" height="30px" viewBox="0 0 16 16" class="bi bi-person" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+                        <path fill-rule="evenodd" d="M10 5a2 2 0 1 1-4 0 2 2 0 0 1 4 0zM8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm6 5c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10z"/>
+                    </svg>
+                    {{ form.username(placeholder="Username") }}
+                    {% for error in form.username.errors %}
+                    <span style="color:red;"> {{ error }} </span>
+                    {% endfor %}
+                </div>
+                
+                <div class="form-para">
+                    <svg width="30px" height="30px" viewBox="0 0 16 16" class="bi bi-envelope" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+                        <path fill-rule="evenodd" d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2zm13 2.383l-4.758 2.855L15 11.114v-5.73zm-.034 6.878L9.271 8.82 8 9.583 6.728 8.82l-5.694 3.44A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.739zM1 11.114l4.758-2.876L1 5.383v5.73z"/>
+                    </svg>
+                    {{ form.email(placeholder="Email") }}
+                    {% for error in form.email.errors %}
+                    <span style="color:red;"> {{ error }} </span>
+                    {% endfor %}
+                </div>
+                
+                <div class="form-para">
+                    <svg width="30px" height="30px" viewBox="0 0 16 16" class="bi bi-key" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+                        <path fill-rule="evenodd" d="M0 8a4 4 0 0 1 7.465-2H14a.5.5 0 0 1 .354.146l1.5 1.5a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0L13 9.207l-.646.647a.5.5 0 0 1-.708 0L11 9.207l-.646.647a.5.5 0 0 1-.708 0L9 9.207l-.646.647A.5.5 0 0 1 8 10h-.535A4 4 0 0 1 0 8zm4-3a3 3 0 1 0 2.712 4.285A.5.5 0 0 1 7.163 9h.63l.853-.854a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.793-.793-1-1h-6.63a.5.5 0 0 1-.451-.285A3 3 0 0 0 4 5z"/>
+                        <path d="M4 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/>
+                    </svg>
+                    {{ form.password(placeholder="Password") }}
+                    {% for error in form.password.errors %}
+                    <span style="color:red;"> {{ error }} </span>
+                    {% endfor %}
+                </div>
+                
+                <div class="form-para">
+                    <svg width="30px" height="30px" viewBox="0 0 16 16" class="bi bi-key-fill" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+                        <path fill-rule="evenodd" d="M3.5 11.5a3.5 3.5 0 1 1 3.163-5H14L15.5 8 14 9.5l-1-1-1 1-1-1-1 1-1-1-1 1H6.663a3.5 3.5 0 0 1-3.163 2zM2.5 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/>
+                    </svg>
+                    {{ form.password2(placeholder="Confirm Password") }}
+                    {% for error in form.password2.errors %}
+                        <span style="color:red;"> {{ error }} </span>
+                    {% endfor %}
+                </div>
+                
+                <div class="form-para">
+                    <p>{{ form.submit(class="btn btn-primary") }}</p>
+                </div>
+                
+                <div class="form-para">
+                    <p>Already have an account? <a href="#">Login</a></p>
+                </div>
+            </form>
+        </div>
+    </div>
+{% endblock %}

app/templates/score.html

@@ -0,0 +1,19 @@
+{% extends 'base.html' %}
+
+{% block content %}
+    <div class="score-main">
+            <div class="highest-score">
+                <div>Highest Score: 69 by </div> <div class="high-score-name">John</div>
+            </div>
+            <h1 class="score-head">Your Score</h1>
+            <div class="score-circle">
+                <h1>{{ g.user.marks }}</h1>
+            </div>
+            <h1 class="congrats-cls">Congratulations! <i class="fas fa-glass-cheers"></i></h1>
+            <div class="redirect-links">
+                <a href="{{ url_for('home') }}"><i class='fas fa-angle-left'></i> Home</a>
+                <a href="#" class="btn btn-primary disabled" >Retake Test</a>
+            </div>
+    </div>
+    <!-- <p>Your Final Score is {{ g.user.marks }}. Congratulations <3</p> -->
+{% endblock %}

config.py

@@ -0,0 +1,10 @@
+import os
+
+basedir = os.path.abspath(os.path.dirname(__file__))
+
+class Config(object):
+    SECRET_KEY = os.environ.get('SECRET_KEY') or 'you-will-never-guess'
+    SQLALCHEMY_DATABASE_URI = os.environ.get('DATABASE_URL') or \
+        'sqlite:///' + os.path.join(basedir, 'app.db')
+    SQLALCHEMY_TRACK_MODIFICATIONS = False
+    QUES_PER_PAGE = 1

main.py

@@ -0,0 +1,5 @@
+from app import app
+
+
+# if __name__ == "__main__":
+#     app.run(debug=True, host='192.168.42.38') 

migrations/README

@@ -0,0 +1 @@
+Generic single-database configuration.

migrations/alembic.ini

@@ -0,0 +1,45 @@
+# A generic, single database configuration.
+
+[alembic]
+# template used to generate migration files
+# file_template = %%(rev)s_%%(slug)s
+
+# set to 'true' to run the environment during
+# the 'revision' command, regardless of autogenerate
+# revision_environment = false
+
+
+# Logging configuration
+[loggers]
+keys = root,sqlalchemy,alembic
+
+[handlers]
+keys = console
+
+[formatters]
+keys = generic
+
+[logger_root]
+level = WARN
+handlers = console
+qualname =
+
+[logger_sqlalchemy]
+level = WARN
+handlers =
+qualname = sqlalchemy.engine
+
+[logger_alembic]
+level = INFO
+handlers =
+qualname = alembic
+
+[handler_console]
+class = StreamHandler
+args = (sys.stderr,)
+level = NOTSET
+formatter = generic
+
+[formatter_generic]
+format = %(levelname)-5.5s [%(name)s] %(message)s
+datefmt = %H:%M:%S

migrations/env.py

@@ -0,0 +1,96 @@
+from __future__ import with_statement
+
+import logging
+from logging.config import fileConfig
+
+from sqlalchemy import engine_from_config
+from sqlalchemy import pool
+
+from alembic import context
+
+# this is the Alembic Config object, which provides
+# access to the values within the .ini file in use.
+config = context.config
+
+# Interpret the config file for Python logging.
+# This line sets up loggers basically.
+fileConfig(config.config_file_name)
+logger = logging.getLogger('alembic.env')
+
+# add your model's MetaData object here
+# for 'autogenerate' support
+# from myapp import mymodel
+# target_metadata = mymodel.Base.metadata
+from flask import current_app
+config.set_main_option(
+    'sqlalchemy.url',
+    str(current_app.extensions['migrate'].db.engine.url).replace('%', '%%'))
+target_metadata = current_app.extensions['migrate'].db.metadata
+
+# other values from the config, defined by the needs of env.py,
+# can be acquired:
+# my_important_option = config.get_main_option("my_important_option")
+# ... etc.
+
+
+def run_migrations_offline():
+    """Run migrations in 'offline' mode.
+
+    This configures the context with just a URL
+    and not an Engine, though an Engine is acceptable
+    here as well.  By skipping the Engine creation
+    we don't even need a DBAPI to be available.
+
+    Calls to context.execute() here emit the given string to the
+    script output.
+
+    """
+    url = config.get_main_option("sqlalchemy.url")
+    context.configure(
+        url=url, target_metadata=target_metadata, literal_binds=True
+    )
+
+    with context.begin_transaction():
+        context.run_migrations()
+
+
+def run_migrations_online():
+    """Run migrations in 'online' mode.
+
+    In this scenario we need to create an Engine
+    and associate a connection with the context.
+
+    """
+
+    # this callback is used to prevent an auto-migration from being generated
+    # when there are no changes to the schema
+    # reference: http://alembic.zzzcomputing.com/en/latest/cookbook.html
+    def process_revision_directives(context, revision, directives):
+        if getattr(config.cmd_opts, 'autogenerate', False):
+            script = directives[0]
+            if script.upgrade_ops.is_empty():
+                directives[:] = []
+                logger.info('No changes in schema detected.')
+
+    connectable = engine_from_config(
+        config.get_section(config.config_ini_section),
+        prefix='sqlalchemy.',
+        poolclass=pool.NullPool,
+    )
+
+    with connectable.connect() as connection:
+        context.configure(
+            connection=connection,
+            target_metadata=target_metadata,
+            process_revision_directives=process_revision_directives,
+            **current_app.extensions['migrate'].configure_args
+        )
+
+        with context.begin_transaction():
+            context.run_migrations()
+
+
+if context.is_offline_mode():
+    run_migrations_offline()
+else:
+    run_migrations_online()

migrations/script.py.mako

@@ -0,0 +1,24 @@
+"""${message}
+
+Revision ID: ${up_revision}
+Revises: ${down_revision | comma,n}
+Create Date: ${create_date}
+
+"""
+from alembic import op
+import sqlalchemy as sa
+${imports if imports else ""}
+
+# revision identifiers, used by Alembic.
+revision = ${repr(up_revision)}
+down_revision = ${repr(down_revision)}
+branch_labels = ${repr(branch_labels)}
+depends_on = ${repr(depends_on)}
+
+
+def upgrade():
+    ${upgrades if upgrades else "pass"}
+
+
+def downgrade():
+    ${downgrades if downgrades else "pass"}

migrations/versions/4f3f4537bb29_users_table.py

@@ -0,0 +1,38 @@
+"""users table
+
+Revision ID: 4f3f4537bb29
+Revises: a635661f4a03
+Create Date: 2020-09-22 13:41:27.540099
+
+"""
+from alembic import op
+import sqlalchemy as sa
+
+
+# revision identifiers, used by Alembic.
+revision = '4f3f4537bb29'
+down_revision = 'a635661f4a03'
+branch_labels = None
+depends_on = None
+
+
+def upgrade():
+    # ### commands auto generated by Alembic - please adjust! ###
+    op.create_table('user',
+    sa.Column('id', sa.Integer(), nullable=False),
+    sa.Column('username', sa.String(length=64), nullable=True),
+    sa.Column('email', sa.String(length=120), nullable=True),
+    sa.Column('password_hash', sa.String(length=128), nullable=True),
+    sa.PrimaryKeyConstraint('id')
+    )
+    op.create_index(op.f('ix_user_email'), 'user', ['email'], unique=True)
+    op.create_index(op.f('ix_user_username'), 'user', ['username'], unique=True)
+    # ### end Alembic commands ###
+
+
+def downgrade():
+    # ### commands auto generated by Alembic - please adjust! ###
+    op.drop_index(op.f('ix_user_username'), table_name='user')
+    op.drop_index(op.f('ix_user_email'), table_name='user')
+    op.drop_table('user')
+    # ### end Alembic commands ###

migrations/versions/59069a416ef2_question_table.py

@@ -0,0 +1,41 @@
+"""question Table
+
+Revision ID: 59069a416ef2
+Revises: 9c77048e7767
+Create Date: 2020-09-22 19:15:22.752938
+
+"""
+from alembic import op
+import sqlalchemy as sa
+
+
+# revision identifiers, used by Alembic.
+revision = '59069a416ef2'
+down_revision = '9c77048e7767'
+branch_labels = None
+depends_on = None
+
+
+def upgrade():
+    # ### commands auto generated by Alembic - please adjust! ###
+    op.create_table('questions',
+    sa.Column('q_id', sa.Integer(), nullable=False),
+    sa.Column('ques', sa.String(length=350), nullable=True),
+    sa.Column('a', sa.String(length=100), nullable=True),
+    sa.Column('b', sa.String(length=100), nullable=True),
+    sa.Column('c', sa.String(length=100), nullable=True),
+    sa.Column('d', sa.String(length=100), nullable=True),
+    sa.Column('ans', sa.String(length=100), nullable=True),
+    sa.Column('marks', sa.Integer(), nullable=True),
+    sa.PrimaryKeyConstraint('q_id'),
+    sa.UniqueConstraint('ques')
+    )
+    op.create_index(op.f('ix_questions_marks'), 'questions', ['marks'], unique=False)
+    # ### end Alembic commands ###
+
+
+def downgrade():
+    # ### commands auto generated by Alembic - please adjust! ###
+    op.drop_index(op.f('ix_questions_marks'), table_name='questions')
+    op.drop_table('questions')
+    # ### end Alembic commands ###

migrations/versions/9c77048e7767_questions_table.py

@@ -0,0 +1,43 @@
+"""questions table
+
+Revision ID: 9c77048e7767
+Revises: 4f3f4537bb29
+Create Date: 2020-09-22 18:51:37.951537
+
+"""
+from alembic import op
+import sqlalchemy as sa
+
+
+# revision identifiers, used by Alembic.
+revision = '9c77048e7767'
+down_revision = '4f3f4537bb29'
+branch_labels = None
+depends_on = None
+
+
+def upgrade():
+    # ### commands auto generated by Alembic - please adjust! ###
+    op.create_table('questions',
+    sa.Column('q_id', sa.Integer(), nullable=False),
+    sa.Column('ques', sa.String(length=350), nullable=True),
+    sa.Column('a', sa.String(length=100), nullable=True),
+    sa.Column('b', sa.String(length=100), nullable=True),
+    sa.Column('c', sa.String(length=100), nullable=True),
+    sa.Column('d', sa.String(length=100), nullable=True),
+    sa.Column('ans', sa.String(length=1), nullable=True),
+    sa.Column('marks', sa.Integer(), nullable=True),
+    sa.PrimaryKeyConstraint('q_id'),
+    sa.UniqueConstraint('ques')
+    )
+    op.create_index(op.f('ix_questions_ans'), 'questions', ['ans'], unique=False)
+    op.create_index(op.f('ix_questions_marks'), 'questions', ['marks'], unique=False)
+    # ### end Alembic commands ###
+
+
+def downgrade():
+    # ### commands auto generated by Alembic - please adjust! ###
+    op.drop_index(op.f('ix_questions_marks'), table_name='questions')
+    op.drop_index(op.f('ix_questions_ans'), table_name='questions')
+    op.drop_table('questions')
+    # ### end Alembic commands ###

migrations/versions/a635661f4a03_users_table.py

@@ -0,0 +1,38 @@
+"""users table
+
+Revision ID: a635661f4a03
+Revises: 
+Create Date: 2020-09-21 23:00:27.622934
+
+"""
+from alembic import op
+import sqlalchemy as sa
+
+
+# revision identifiers, used by Alembic.
+revision = 'a635661f4a03'
+down_revision = None
+branch_labels = None
+depends_on = None
+
+
+def upgrade():
+    # ### commands auto generated by Alembic - please adjust! ###
+    op.create_table('user',
+    sa.Column('id', sa.Integer(), nullable=False),
+    sa.Column('username', sa.String(length=64), nullable=True),
+    sa.Column('email', sa.String(length=120), nullable=True),
+    sa.Column('password_hash', sa.String(length=128), nullable=True),
+    sa.PrimaryKeyConstraint('id')
+    )
+    op.create_index(op.f('ix_user_email'), 'user', ['email'], unique=True)
+    op.create_index(op.f('ix_user_username'), 'user', ['username'], unique=True)
+    # ### end Alembic commands ###
+
+
+def downgrade():
+    # ### commands auto generated by Alembic - please adjust! ###
+    op.drop_index(op.f('ix_user_username'), table_name='user')
+    op.drop_index(op.f('ix_user_email'), table_name='user')
+    op.drop_table('user')
+    # ### end Alembic commands ###

migrations/versions/e96865e4fa62_users_added_marks.py

@@ -0,0 +1,42 @@
+"""users added marks
+
+Revision ID: e96865e4fa62
+Revises: 59069a416ef2
+Create Date: 2020-09-23 14:29:28.764869
+
+"""
+from alembic import op
+import sqlalchemy as sa
+
+
+# revision identifiers, used by Alembic.
+revision = 'e96865e4fa62'
+down_revision = '59069a416ef2'
+branch_labels = None
+depends_on = None
+
+
+def upgrade():
+    # ### commands auto generated by Alembic - please adjust! ###
+    op.create_table('questions',
+    sa.Column('q_id', sa.Integer(), nullable=False),
+    sa.Column('ques', sa.String(length=350), nullable=True),
+    sa.Column('a', sa.String(length=100), nullable=True),
+    sa.Column('b', sa.String(length=100), nullable=True),
+    sa.Column('c', sa.String(length=100), nullable=True),
+    sa.Column('d', sa.String(length=100), nullable=True),
+    sa.Column('ans', sa.String(length=100), nullable=True),
+    sa.PrimaryKeyConstraint('q_id'),
+    sa.UniqueConstraint('ques')
+    )
+    op.add_column('user', sa.Column('marks', sa.Integer(), nullable=True))
+    op.create_index(op.f('ix_user_marks'), 'user', ['marks'], unique=False)
+    # ### end Alembic commands ###
+
+
+def downgrade():
+    # ### commands auto generated by Alembic - please adjust! ###
+    op.drop_index(op.f('ix_user_marks'), table_name='user')
+    op.drop_column('user', 'marks')
+    op.drop_table('questions')
+    # ### end Alembic commands ###