Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/lakshayd02/full_stack_blog_application_flask

Blogger is a comprehensive full stack web application designed for seamless blog management and user interaction. Built using a powerful technology stack that includes HTML, CSS, JavaScript, Bootstrap 2, Flask, and Python, along with MySQL/SQLite for database management, this application provides an intuitive and engaging blogging platform.
https://github.com/lakshayd02/full_stack_blog_application_flask

blog-app-flask blog-application blog-application-flask bootstrap css css3 flask flask-application flask-backend flask-sqlalchemy html html5 javascript mysql mysql-database python python3 sqllite sqllite-database

Last synced: about 18 hours ago
JSON representation

Blogger is a comprehensive full stack web application designed for seamless blog management and user interaction. Built using a powerful technology stack that includes HTML, CSS, JavaScript, Bootstrap 2, Flask, and Python, along with MySQL/SQLite for database management, this application provides an intuitive and engaging blogging platform.

Awesome Lists containing this project

README

        

# πŸ“– **Blogger - Full Stack Blog Application** 🌐

## πŸ’‘ **Description**

**Blogger** is a comprehensive **full stack** web application designed for seamless blog management and user interaction. Built using a powerful technology stack, including **HTML**, **CSS**, **JavaScript**, **Bootstrap 2**, **Flask**, and **Python**, along with **MySQL/SQLite** for database management, this application provides an intuitive and engaging blogging platform. **Blogger** offers both users and administrators an easy way to create, manage, and explore blog posts.

With its secure user authentication, post management, and an intuitive admin panel, **Blogger** is designed to provide a rich, customizable blogging experience.

## πŸš€ **Features**

### πŸ§‘β€πŸ’» **User Features**
- **🎨 User-Friendly Interface:** Clean, responsive design for a seamless experience across all devices.
- **πŸ”’ Robust Security and Authentication:** Users can sign up, log in securely, with all passwords hashed for extra protection.
- **πŸ“ Post Management:** Users can create, read, update, and delete blog posts, giving full control over their content.
- **πŸ–ΌοΈ Profile Management:** Users can update their profiles, upload profile pictures, and delete their profiles if desired.
- **πŸ” Advanced Search Functionality:** Find specific blog posts quickly with an integrated search feature.
- **✍️ Rich Text Editor:** Easily format blog posts with multimedia and various content styles through the integrated rich text editor.

### πŸ‘¨β€πŸ’» **Admin Features**
- **βš™οΈ Admin Panel:** Intuitive dashboard to manage users and content, ensuring complete oversight of the platform.
- **πŸ”§ User & Content Management:** Admins can manage user accounts and blog posts to ensure a healthy blogging environment.

### πŸ’‘ **Additional Features**
- **πŸ› οΈ CRUD Operations for Blog Posts:** Create, Read, Update, and Delete blog posts easily.
- **πŸ“€ Multimedia Support:** Insert images, videos, and other rich media into posts.
- **πŸ“œ User Interactivity:** Users can comment on blog posts, engaging with the content and community.

## βš™οΈ **Technologies Used**

**Frontend:**
- 🎨 **HTML/CSS/Bootstrap 2**
- πŸ“œ **JavaScript**

**Backend:**
- 🐍 **Python**
- 🧰 **Flask** (Web Framework)
- πŸ’Ύ **MySQL/SQLite** (Database Management)

**Authentication:**
- πŸ” **Flask-Login** (for user authentication)
- πŸ”’ **Werkzeug** (for password hashing)

## 🎯 **Ideal For**

- **πŸ‘¨β€πŸ’» Bloggers:** Individuals looking to share their ideas, experiences, and stories with an easy-to-use platform.
- **πŸ‘¨β€πŸ’Ό Admins:** Admins who need to manage users, blog content, and ensure a smooth operation of the platform.
- **πŸ“– Content Creators:** Users who want to build a rich, interactive blogging community.

## βš™οΈ **How to Run**

1. **πŸ“‚ Clone the repository:**
Clone this repository to your local machine:
`git clone `

2. **🐍 Set up a virtual environment (optional but recommended):**
In the project directory, create a virtual environment:
```bash
python -m venv venv

3. 🧰 Install dependencies:
Install the required dependencies for the project:

``` pip install -r requirements.txt
```

4. βš™οΈ Set up the database:

5. Set up the database and tables:

6. Use MySQL or SQLite as the database.

7. Configure the database connection in the config.py file (modify credentials for MySQL if needed).

8. Run the application to automatically create the database schema.

9. πŸš€ Run the application:

10. Run the Flask application:

```
python app.py
🌐 Open the app:
```

Open your browser and navigate to http://localhost:5000 to see the application in action.

πŸ“š Usage
--------

πŸ’» For Users:

* **Sign Up / Log In**:
- Users can create an account or log in to access their dashboard.

* **Create, Read, Update, and Delete Posts**:
- Users can create new blog posts, read others’ posts, update their own content, or delete posts they no longer want.

* **Profile Management**:
- Users can update their profile information, including uploading profile pictures.

* **Search**:
- Users can quickly search for specific posts based on keywords to find content easily.

* **Commenting**:
- Users can interact with others by commenting on their blog posts to engage in discussions.

### πŸ‘¨β€πŸ’» For Admins:

* **Admin Panel**:
- Admins can manage user accounts, blog content, and monitor activity across the platform.

* **Approve or Delete Content**:
- Admins have the ability to approve or delete blog posts if they violate platform rules.

* **User Management**:
- Admins can delete user accounts when necessary, ensuring that all users comply with the platform's guidelines.

# Website Look

![SS-1](https://github.com/LakshayD02/Full_Stack_Blog_Application_Flask/blob/main/Website%20Photos/1.png)

![SS-1](https://github.com/LakshayD02/Full_Stack_Blog_Application_Flask/blob/main/Website%20Photos/2.png)

![SS-1](https://github.com/LakshayD02/Full_Stack_Blog_Application_Flask/blob/main/Website%20Photos/3.png)

![SS-1](https://github.com/LakshayD02/Full_Stack_Blog_Application_Flask/blob/main/Website%20Photos/4.png)

![SS-1](https://github.com/LakshayD02/Full_Stack_Blog_Application_Flask/blob/main/Website%20Photos/7.png)

![SS-1](https://github.com/LakshayD02/Full_Stack_Blog_Application_Flask/blob/main/Website%20Photos/8.png)

![SS-1](https://github.com/LakshayD02/Full_Stack_Blog_Application_Flask/blob/main/Website%20Photos/9.png)

![SS-1](https://github.com/LakshayD02/Full_Stack_Blog_Application_Flask/blob/main/Website%20Photos/10.png)

![SS-1](https://github.com/LakshayD02/Full_Stack_Blog_Application_Flask/blob/main/Website%20Photos/11.png)

![SS-1](https://github.com/LakshayD02/Full_Stack_Blog_Application_Flask/blob/main/Website%20Photos/12.png)

![SS-1](https://github.com/LakshayD02/Full_Stack_Blog_Application_Flask/blob/main/Website%20Photos/13.png)