Flask Bootstrap Blog

Overview

Flask Bootstrap Blog is a user-friendly web application that allows users to create, edit, and delete blog posts, as well as leave comments. The blog includes user authentication and authorization, with two types of users: regular users and admin users. Regular users can create posts and edit/delete their own posts, while admin users have full control over all posts and comments. The site also utilizes Flask Gravatar for user profile pictures and password hashing for user security.

This blog project is built with Flask, a Python-based web framework, and SQLite database support. It uses Bootstrap example templates, Jinja, and Flask for the front and back end.

Prerequisites

Before you start working with Flask Bootstrap Blog, you need to ensure that you have the following tools installed:

• Python 3.11
• Flask
• Flask-Bootstrap
• Flask-CKEditor
• Flask-Gravatar
• Flask-Login
• Flask-SQLAlchemy
• WTForms

How to Run the Project

To run this project on your local machine, follow these steps:

1. Clone this repository

   git clone https://github.com/your-username/bootstrap-blog.git
   

2. Navigate to the project directory

    cd bootstrap-blog
   

3. Install the required packages

     pip install -r requirments.txt
   

4. Run the application

    python main.py
   

5. Open your web browser and navigate to http://localhost:5000 to see the blog.

Features

Flask Bootstrap Blog has the following features:

• Home page with a list of blog posts.
• Post page with the full text of a blog post and a comment section.
• About page with information about the blog.
• Contact page with a form to send an email message to the blog owner.
• User authentication and authorization.
• User profile pictures using Flask Gravatar.
• Password hashing for user security.
• View existing blog posts.
• Create new posts.
• Edit existing posts.
• Delete posts.
• Leave comments on posts.

File Structure

• main.py: The Flask application file that runs the blog.
• header.html: The header of the blog's HTML template that contains the navigation bar.
• footer.html: The footer of the blog's HTML template that contains the social media links.
• index.html: The home page of the blog that displays a list of blog posts.
• post.html: The post page of the blog that displays the full text of a blog post and a comment section.
• about.html: The about page of the blog that displays information about the blog.
• contact.html: The contact page of the blog that displays a form to send an email message to the blog owner.
• create_post.html: The page of the blog that displays a form to create a new post.
• edit_post.html: The page of the blog that displays a form to edit an existing post.
• delete_post.html: The page of the blog that displays a confirmation message to delete a post.
• login.html: The page of the blog that displays a form to log in to a user account.
• register.html: The page of the blog that displays a form to register a new user account.
• profile.html: The page of the blog that displays the current user's profile information and posts.
• comments.html: The page of the blog that displays a list of comments for a post and a form to add a new comment.
• forms.py: The file that defines the Flask-WTF forms used in the application.

Technologies & Tools

• Bootstrap
• Flask
• Jinja
• smtplib
• datetime
• requests
• Font Awesome icons
• Flask-Bootstrap
• Flask-CKEditor
• Flask-SQLAlchemy
• WTForms

The blog template is adapted from the Bootstrap Blog template by Start Bootstrap.