Css2revertin

.gitignore

@@ -1,2 +1,3 @@
 # created by virtualenv automatically
 *
+bin/

README.md

@@ -1,10 +1,27 @@
 # python-flask-Web-APP
 
-### This is a web application made with python-Flask, and SQLLITE3 used as backend.
+### This is a Web Application made with python-Flask, and SQLLITE3 used as backend.
 
-### Project View.
+### Project View
+
+## Use Cases
+1. User can add any number of blogpost.
+2. User an also edit their blog
+3. User can also delete posts by clicking on red button.
 
 <br>
 <br>
 
 ![alt text](https://github.com/kavyanshpandey/python-flask-blog/blob/master/pic1.png)
+
+<br>
+<br>
+### How to Run.
+
+  -> Clone this repo  
+  -> Install dependepcies  
+  -> Run "app.py"
+
+
+<br>
+<br>

app.py

@@ -1,4 +1,4 @@
-from flask import Flask,jsonify, render_template, request,redirect
+from flask import Flask, jsonify, render_template, request, redirect
 from flask_sqlalchemy import SQLAlchemy
 from datetime import datetime
 
@@ -7,48 +7,60 @@
 app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///posts.db'
 db = SQLAlchemy(app)
 
+
 class BlogPost(db.Model):
     id = db.Column(db.Integer, primary_key=True)
-    title = db.Column(db.String(100), nullable = False)
-    Content = db.Column(db.Text, nullable = False)
-    Author = db.Column(db.String(20), nullable = False, default = 'Unknown')
-    date_posted = db.Column(db.DateTime, nullable = False, default= datetime.utcnow)
+    title = db.Column(db.String(100), nullable=False)
+    Content = db.Column(db.Text, nullable=False)
+    Author = db.Column(db.String(20), nullable=False, default='Unknown')
+    date_posted = db.Column(db.DateTime, nullable=False,
+                            default=datetime.utcnow)
 
     def __repr__(self):
         return 'Blog post ' + str(self.id)
 
+
 all_posts = [
     {
         'title': 'Post1',
-        'Content':'This is the content of post 1',
-        'Author':'kavyansh'
+        'Content': 'This is the content of post 1',
+        'Author': 'kavyansh'
     },
     {
         'title': 'Post2',
-        'Content':'This is the content of post 2',
+        'Content': 'This is the content of post 2',
         # 'Author': ''
     }
 ]
 
-@app.route('/', methods =['GET'])
+
+@app.route('/', methods=['GET'])
 def homepage():
     return render_template('index.html')
 
+
+@app.route('/aboutus', methods=['GET'])
+def aboutpage():
+    return render_template('about.html')
+
+
 @app.route('/contactus', methods=['GET'])
 def contact():
-    return render_template('contact.html')    
+    return render_template('contact.html')
 
-@app.route('/posts/newposts', methods=['GET','POST'])    
+
+@app.route('/posts/newposts', methods=['GET', 'POST'])
 def addPosts():
-    if  request.method == 'POST':
+    if request.method == 'POST':
         post_title = request.form['title']
         post_content = request.form['Content']
         post_author = request.form['Author']
 
         if post_author == '':
             post_author = 'Unknown'
 
-        new_post = BlogPost(title=post_title, Content=post_content, Author=post_author)
+        new_post = BlogPost(
+            title=post_title, Content=post_content, Author=post_author)
 
         db.session.add(new_post)
 
@@ -57,14 +69,12 @@ def addPosts():
         return redirect('/posts')
 
     else:
-        return render_template('add_posts.html')    
+        return render_template('add_posts.html')
 
 
-
-
-@app.route('/posts',methods =['GET', 'POST'])
+@app.route('/posts', methods=['GET', 'POST'])
 def posts():
-    if  request.method == 'POST':
+    if request.method == 'POST':
 
         post_title = request.form['title']
         post_content = request.form['Content']
@@ -73,32 +83,29 @@ def posts():
         if post_author == '':
             post_author = 'Unknown'
 
-        new_post = BlogPost(title=post_title, Content=post_content, Author=post_author)
+        new_post = BlogPost(
+            title=post_title, Content=post_content, Author=post_author)
 
         db.session.add(new_post)
 
         db.session.commit()
 
         return redirect('/posts')
 
-
     else:
         all_posts = BlogPost.query.order_by(BlogPost.date_posted).all()
-        return render_template('posts.html', posts = all_posts)
+        return render_template('posts.html', posts=all_posts)
 
 
-
-
-@app.route('/posts/delete/<int:id>',methods=['GET','POST'])
+@app.route('/posts/delete/<int:id>', methods=['GET', 'POST'])
 def deletePost(id):
     post_id = BlogPost.query.get(id)
     db.session.delete(post_id)
     db.session.commit()
     return redirect('/posts')
 
 
-
-@app.route('/posts/edit/<int:id>', methods=['GET','POST'])  
+@app.route('/posts/edit/<int:id>', methods=['GET', 'POST'])
 def editPost(id):
     post_id = BlogPost.query.get_or_404(id)
     if request.method == 'POST':
@@ -110,10 +117,10 @@ def editPost(id):
 
         return redirect('/posts')
 
-
     else:
-        return render_template('edit.html', post = post_id)
+        return render_template('edit.html', post=post_id)
 
 
 if __name__ == "__main__":
-    app.run(debug=True, port= 5000)
+    PORT = 5000
+    app.run(debug=True, port=PORT)

static/css/main.css

@@ -10,4 +10,5 @@ body {
     padding: 1rem;
     margin: 2rem auto;
     max-width: 40rem;
-} */
+    background-color: red;
+} */

templates/about.html

@@ -0,0 +1,28 @@
+{% extends 'base.html' %}
+
+
+{% block head %} 
+<title>About | Python Warrior</title>
+
+{% endblock %}
+
+
+{% block body %}
+<h1>About Us</h1>
+
+<div>
+
+    <div class="bg-light p-5 rounded">
+      <div class="col-sm-8 mx-auto ">
+        <h1>Welcome to My Blog..</h1>
+        <h3>Author : kavyansh</h3>
+        <br>
+        <p>Hello I am Kavyansh.</p>
+        <p>Welcome to my blog. Here I post my thoughts like my experience in colleges and now in corporate. I also post technical contents there.</p>
+        <br>
+        <a class="btn btn-success" href="/">Back</a>
+      </div>
+    </div>
+  </div>
+</div>
+{% endblock %}

templates/base.html

@@ -24,7 +24,10 @@
                 <a class="nav-link active" aria-current="page" href="/posts">All posts</a>
               </li>
               <li class="nav-item">
-                <a class="nav-link" href="/contactus">Contact us</a>
+                <a class="nav-link" href="/aboutus">About Us</a>
+              </li>
+              <li class="nav-item">
+                <a class="nav-link" href="/contactus">Contact Us</a>
               </li>
             </ul>
             <span class="navbar-text">

templates/contact.html

@@ -28,8 +28,13 @@ <h1>You can connect with me</h1>
                 <a class="btn btn-link" href="https://www.twitter.com/KavyanshPandey" role="button">twitter
                     &raquo;</a>
             </p>
+            <p>Connect with me on linkedin.</p>
+            <p>
+                <a class="btn btn-link" href="https://www.linkedin.com" role="button">LinkedIn
+                    &raquo;</a>
+            </p>
         </div>
     </div>
 </div>
 </div>
-{% endblock %}
+{% endblock %}