feat: select movie from tmdb api

Author: kmhmubin

Diff for: TopMovieList/app.py

@@ -6,11 +6,18 @@
 from wtforms.validators import DataRequired
 import requests
 
+# CONSTANTS
+
+MOVIE_DB_API_KEY = "YOUR API KEY"
+MOVIE_DB_SEARCH_URL = "https://api.themoviedb.org/3/search/movie"
+MOVIE_DB_INFO_URL = "https://api.themoviedb.org/3/movie"
+MOVIE_DB_IMAGE_URL = "https://image.tmdb.org/t/p/w500"
+
 app = Flask(__name__)
 
 # secret key
 app.secret_key = b'\xb9\xd6\xc7\xc4\xb5\xf0\xc4y\xc6\xb0\r\xc3`!\xca~'
-
+# flask bootstrap
 Bootstrap(app)
 
 # creating db
@@ -84,6 +91,13 @@ def delete_movie():
 @app.route('/add', methods=["GET", "POST"])
 def add_movie():
     form = FindMovieForm()
+
+    # get information from The Movie database
+    if form.validate_on_submit():
+        movie_title = form.title.data
+        response = requests.get(MOVIE_DB_SEARCH_URL, params={"api_key": MOVIE_DB_API_KEY, "query": movie_title})
+        data = response.json()["results"]
+        return render_template("select.html", options=data)
     return render_template("add.html", form=form)
 
 

Diff for: TopMovieList/templates/select.html

@@ -0,0 +1,61 @@
+{% extends 'bootstrap/base.html' %}
+{% import 'bootstrap/wtf.html' as wtf %}
+
+{% block styles %}
+    {{ super() }}
+
+    <!-- Google Fonts -->
+
+    <link
+            rel="stylesheet"
+            href="https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,700"
+    />
+    <link
+            rel="stylesheet"
+            href="https://fonts.googleapis.com/css?family=Poppins:300,400,700"
+    />
+    <link
+            rel="stylesheet"
+            href="https://fonts.googleapis.com/css?family=Poppins:300,400,700"
+    />
+
+    <!-- Font Awesome CSS -->
+    <link
+            rel="stylesheet"
+            href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css"
+            integrity="sha512-+4zCK9k+qNFUR5X+cKL9EIR+ZOhtIloNl9GIKS57V1MyNsYpYcUrUeQc9vNfzsWfV28IaLL3i96P9sdNyeRssA=="
+            crossorigin="anonymous"
+    />
+
+    <!-- Custom CSS Styling -->
+    <link
+            rel="stylesheet"
+            href="{{ url_for('static', filename='css/styles.css') }}"
+    />
+{% endblock %}
+
+{% block title %} Select Movies {% endblock %}
+
+{% block content %}
+    <div class="container">
+
+        <div class="content">
+            <h1 class="heading">Select Movie</h1>
+
+
+            <div class="card" style="width: 18rem;">
+                <div class="card-header">
+                    Select A Movie
+                </div>
+                {% for movie in options: %}
+                    <ul class="list-group list-group-flush">
+                        <li class="list-group-item">{{ movie.title }} | ({{ movie.release_date }})</li>
+                    </ul>
+                {% endfor %}
+            </div>
+
+
+        </div>
+
+    </div>
+{% endblock %}