Project Color Palette Generator – Part 2

Melanjutkan dari modul sebelumnya, pada modul kita akan membuat web app Color Palette Generator menggunakan Flask. Kita tidak akan membahas Flask karena diluar scope tutorial ini.

Setup Flask

Disarankan untuk menggunakan virtual environment. Pertama buat virtual environment pada direktori project Anda.

Pada tutorial digunakan windows 11 dan Powershell. Lihat dokumentasi venv untuk informasi OS lainnya.

$ python -m venv env
$ env/bin/activate.ps1

Kemudian install Flask

(env) $ pip install Flask

Test Flask

Selanjutnya pada folder project, buat folder baru dengan nama “templates”.

Pada folder project, buat file app.py, gunakan code dibawah untuk test apakah Flask sudah berjalan dengan baik.

from flask import Flask, render_template, request

app = Flask(__name__, 
    template_folder='templates'
)

@app.route("/")
def index():
    return "Hello Flask"

if __name__ == "__main__":
    app.run(debug=True)

Kemudian pada command prompt (dalam direktori project), jalankan perintah berikut:

(env) $: flask run

Jika tidak ada kendala, maka kita bisa akses web di http://127.0.0.1:5000. Jika kita buka web browser, maka akan tampil tulisan “Hello Flask”

Install openai dan dotenv

Karena kita menggunakan environment baru, kita perlu menginstal openai dan dot_env.

(env) $ pip install openai
(env) $ pip install python-dotenv

Kemudian pada direktori project buat file .env yang berisi API key openai. Lihat modul Persiapan menggunakan OpenAI API.

Sampai disini setup dan testing flask sudah berhasil. Pada modul selanjutnya kita akan membuat web app color generator menggunakan OpenAI API.