├── README.md
├── app.py
├── blog.py
├── config.py
└── index.html


/README.md:
--------------------------------------------------------------------------------
 1 | # AI Blog Content Generator
 2 | 
 3 | Created an AI Blog Topic Ideas and Content Generator using OPENAI's GPT-3 and Flask for Python Web App
 4 | 
 5 | Screenshot: 
 6 | 
 7 | ![image](https://user-images.githubusercontent.com/71244843/174126795-3022927c-d97f-4f90-a8e2-611e3c88e5c6.png)
 8 | 
 9 | Screenshots with Generated Content:
10 | 
11 | ![image](https://user-images.githubusercontent.com/71244843/174127321-37fcdd3a-264b-468d-ad8c-34adf27a382c.png)
12 | 
13 | 
14 | ![image](https://user-images.githubusercontent.com/71244843/174127458-239a6674-6a93-4b6b-940d-38b979456eb7.png)
15 | 
16 | 
17 | ![imaga](https://user-images.githubusercontent.com/71244843/174128421-6ada8517-8b41-4c1a-9337-2fce84d882a2.png)
18 | 


--------------------------------------------------------------------------------
/app.py:
--------------------------------------------------------------------------------
 1 | from flask import Flask, render_template, request
 2 | import config
 3 | import blog
 4 | 
 5 | 
 6 | def page_not_found(e):
 7 |   return render_template('404.html'), 404
 8 | 
 9 | 
10 | app = Flask(__name__)
11 | app.config.from_object(config.config['development'])
12 | 
13 | app.register_error_handler(404, page_not_found)
14 | 
15 | 
16 | @app.route('/', methods=["GET", "POST"])
17 | def index():
18 | 
19 |     if request.method == 'POST':
20 |         if 'form1' in request.form:
21 |             prompt = request.form['blogTopic']
22 |             blogT = blog.generateBlogTopics(prompt)
23 |             blogTopicIdeas = blogT.replace('\n', '<br>')
24 | 
25 |         if 'form2' in request.form:
26 |             prompt = request.form['blogSection']
27 |             blogT = blog.generateBlogSections(prompt)
28 |             blogSectionIdeas = blogT.replace('\n', '<br>')
29 | 
30 |         if 'form3' in request.form:
31 |             prompt = request.form['blogExpander']
32 |             blogT = blog.blogSectionExpander(prompt)
33 |             blogExpanded = blogT.replace('\n', '<br>')
34 | 
35 | 
36 |     return render_template('index.html', **locals())
37 | 
38 | 
39 | if __name__ == '__main__':
40 |     app.run(host='0.0.0.0', port='8888', debug=True)


--------------------------------------------------------------------------------
/blog.py:
--------------------------------------------------------------------------------
 1 | import os
 2 | import openai
 3 | import config
 4 | openai.api_key = config.OPENAI_API_KEY
 5 | 
 6 | def generateBlogTopics(prompt1):
 7 |     response = openai.Completion.create(
 8 |       engine="davinci-instruct-beta-v3",
 9 |       prompt="Generate blog topics on: {}. \n \n 1.  ".format(prompt1),
10 |       temperature=0.7,
11 |       max_tokens=100,
12 |       top_p=1,
13 |       frequency_penalty=0,
14 |       presence_penalty=0
15 |     )
16 | 
17 |     return response['choices'][0]['text']
18 | 
19 | def generateBlogSections(prompt1):
20 |     response = openai.Completion.create(
21 |       engine="davinci-instruct-beta-v3",
22 |       prompt="Expand the blog title in to high level blog sections: {} \n\n- Introduction: ".format(prompt1),
23 |       temperature=0.6,
24 |       max_tokens=100,
25 |       top_p=1,
26 |       frequency_penalty=0,
27 |       presence_penalty=0
28 |     )
29 | 
30 |     return response['choices'][0]['text']
31 | 
32 | 
33 | def blogSectionExpander(prompt1):
34 |     response = openai.Completion.create(
35 |       engine="davinci-instruct-beta-v3",
36 |       prompt="Expand the blog section in to a detailed professional , witty and clever explanation.\n\n {}".format(prompt1),
37 |       temperature=0.7,
38 |       max_tokens=200,
39 |       top_p=1,
40 |       frequency_penalty=0,
41 |       presence_penalty=0
42 |     )
43 | 
44 |     return response['choices'][0]['text']


--------------------------------------------------------------------------------
/config.py:
--------------------------------------------------------------------------------
 1 | OPENAI_API_KEY = ''
 2 | 
 3 | class Config(object):
 4 |     DEBUG = True
 5 |     TESTING =False
 6 | 
 7 | class DevelopmentConfig(Config):
 8 |     SECRET_KEY = "this-is-my-api"
 9 | 
10 | config = {
11 |     'development': DevelopmentConfig,
12 |     'testing': DevelopmentConfig,
13 |     'production': DevelopmentConfig
14 | 
15 | 
16 | 
17 | }
18 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en" dir="ltr">
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <meta http-equiv="x-ua-compatible" content="ie=edge">
 6 |     <meta name="description" content="">
 7 |     <meta name="viewport" content="width=device-width, initial-scale=1">
 8 | 
 9 |     <title>AI Content Gen</title>
10 |     <!-- Bootstrap CSS -->
11 |    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
12 |     <link rel="shortcut icon" type="image/x-icon" href="{{ url_for('static', filename='images/favicon.png') }}">
13 | 
14 |   </head>
15 |   <body>
16 |   <body background="ai img.jpg">
17 |     <div class="container">
18 |       <h1 class="mt-5"><center>AI Blog Writing Tool</center></h1>
19 | 
20 |       <p>This AI Blog Content Generator will allow you to enter a blog topic and keywords --- and get in return a full blog that you can use anywhere. The tool intiially provides a list of topic ideas to choose from, once you select a topic, you can go ahead and generate a full content AI blog.</p>
21 | 
22 |       <div class="row">
23 |         <div class="col-lg-6">
24 |           <form class="" action="/" method="post">
25 |             <div class="mb-3">
26 |               <label for="blogTopic" class="form-label">What topic do you want to get blog ideas on?</label>
27 |               <input type="text" class="form-control" id="blogTopic" name="blogTopic" placeholder="Enter a blog topic">
28 |             </div>
29 |             <input type="hidden" name="form1" value="form1">
30 | 
31 |             <button type="submit" id="blogTopicButton" class="btn btn-primary">Generate Blog Ideas</button>
32 |           </form>
33 |         </div>
34 | 
35 |         <div class="col-lg-6" aria-setsize="100vh">
36 |           1. {{blogTopicIdeas|safe}}
37 |         </div>
38 |       </div>
39 | 
40 |       <br>
41 |       <hr>
42 |       <br>
43 | 
44 |       <div class="row">
45 |         <div class="col-lg-6">
46 |           <form class="" action="/" method="post">
47 |             <div class="mb-3">
48 |               <label for="blogSection" class="form-label">Enter the Blog Topic Below that you have selected to write about</label>
49 |               <input type="text" class="form-control" id="blogSection" name="blogSection" placeholder="Enter the blog title to generate blog sections on">
50 |             </div>
51 |             <input type="hidden" name="form2" value="form2">
52 | 
53 |             <button type="submit" class="btn btn-primary">Generate Blog Sections</button>
54 |           </form>
55 |         </div>
56 | 
57 |         <div class="col-lg-6">
58 |           {{blogSectionIdeas|safe}}
59 |         </div>
60 |       </div>
61 | 
62 |       <br>
63 |       <hr>
64 |       <br>
65 | 
66 |       <div class="row">
67 |         <div class="col-lg-6">
68 |           <form class="" action="/" method="post">
69 |             <div class="mb-3">
70 |               <label for="blogExpander" class="form-label">Enter the Blog section title you want to expand</label>
71 |               <input type="text" class="form-control" id="blogExpander" name="blogExpander" placeholder="Enter the blog section title">
72 |             </div>
73 |             <input type="hidden" name="form3" value="form3">
74 | 
75 |             <button type="submit" class="btn btn-primary">Expand on the title</button>
76 |           </form>
77 |         </div>
78 | 
79 |         <div class="col-lg-6">
80 |           {{blogExpanded|safe}}
81 |         </div>
82 |       </div>
83 |     </div>
84 |     <div><center>Made with OpenAI's GPT3 by Venkat</center>
85 |     </div>
86 | 
87 |     <!-- Option 1: Bootstrap Bundle with Popper -->
88 |     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
89 | 
90 |   </body>
91 | </html>


--------------------------------------------------------------------------------