MichaelAndrianai
diff --git a/‎Pipfile
+2 b/‎Pipfile
+2
diff --git a/‎Pipfile.lock
+268 b/‎Pipfile.lock
+268
diff --git a/‎__pycache__/game.cpython-38.pyc
218 Bytes b/‎__pycache__/game.cpython-38.pyc
218 Bytes
diff --git a/‎__pycache__/wsgi.cpython-38.pyc
752 Bytes b/‎__pycache__/wsgi.cpython-38.pyc
752 Bytes
diff --git a/‎static/style.css
+26 b/‎static/style.css
+26
diff --git a/‎templates/check.html
+29 b/‎templates/check.html
+29
diff --git a/‎templates/home.html
+22 b/‎templates/home.html
+22
diff --git a/‎wsgi.py
+20 b/‎wsgi.py
+20
@@ -4,8 +4,10 @@ verify_ssl = true
 name = "pypi"
 
 [packages]
+flask = "*"
 
 [dev-packages]
+flask = "*"
 
 [requires]
 python_version = "3.8"
@@ -0,0 +1,26 @@
+/* static/style.css */
+body {
+    font-family: sans-serif;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+  }
+  .letter {
+    border: 1px solid #999;
+    padding: 8px 6px;
+    width: 24px;
+    display: inline-block;
+    text-align: center;
+    background-color: #333;
+    color: #eee;
+  }
+  #form, #results {
+    margin: 1em 0;
+  }
+  .valid {
+    color: green;
+  }
+  .invalid {
+    color: red;
+  }
@@ -0,0 +1,29 @@
+<!-- templates/check.html -->
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf8" />
+    <title>Longest Word</title>
+    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
+  </head>
+  <body>
+    <h1>Longest Word</h1>
+    <h2>Result</h2>
+    <div>
+      {% for letter in grid %}
+        <span class="letter">{{ letter }}</span>
+      {% endfor %}
+    </div>
+    <div id="results">
+      Your word: <strong>{{ word }}</strong>.
+      {% if is_valid %}
+        <span class="valid">Congrats, it's valid!</span>
+      {% else %}
+        <span class="invalid">Sorry, it's invalid...</span>
+      {% endif %}
+    </div>
+    <div>
+      <a href="/">New game</a>
+    </div>
+  </body>
+</html>
@@ -0,0 +1,22 @@
+<!-- templates/home.html -->
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf8" />
+    <title>Longest Word</title>
+    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
+  </head>
+  <body>
+    <h1>Longest Word</h1>
+    <div>
+      {% for letter in grid %}
+        <span class="letter">{{ letter }}</span>
+      {% endfor %}
+    </div>
+    <form action="/check" id="form" method="post">
+      <input type="hidden" name="grid" value="{{ ''.join(grid) }}">
+      <input type="text" name="word" onkeyup="this.value = this.value.toUpperCase();">
+      <button>Check!</button>
+    </form>
+  </body>
+</html>
@@ -0,0 +1,20 @@
+# wsgi.py
+# pylint: disable=missing-docstring
+
+from flask import Flask, render_template, request
+from game import Game
+
+app = Flask(__name__)
+
+@app.route('/')
+def home():
+    game = Game()
+    return render_template('home.html', grid=game.grid)
+
+@app.route('/check', methods=["POST"])
+def check():
+    game = Game()
+    game.grid = list(request.form['grid'])
+    word = request.form['word']
+    is_valid = game.is_valid(word)
+    return render_template('check.html', is_valid=is_valid, grid=game.grid, word=word)