Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/dogukanurker/flaskblog

Simple blog app. ๐Ÿ“œ
https://github.com/dogukanurker/flaskblog

blog collaborate flask jetbrains passlib playwright-python python sqlite tailwindcss wtforms

Last synced: 1 day ago
JSON representation

Simple blog app. ๐Ÿ“œ

Awesome Lists containing this project

README

        

###### This project needs a โญ๏ธ from you. Don't forget to leave a star โญ๏ธ.

![appLight](/images/Light.png)

# [FlaskBlog](https://dogukanurker.com/flaskblog)

**English** | [Tรผrkรงe](docs/readme_tr.md) | [Russian](docs/readme_ru.md)

๐Ÿ“œ **Simple blog app built with Flask.**

[๐Ÿ“ง Contact](mailto:[email protected])

[๐Ÿ‘จ๐Ÿปโ€๐Ÿ’ป DoฤŸukan รœrker](https://dogukanurker.com)

[๐Ÿ“ธ Images](https://github.com/DogukanUrker/flaskBlog/tree/master/images)

[๐Ÿ“ฝ๏ธ Preview Video](https://youtu.be/WyIpAlSp2RM)

[๐Ÿ†• Changelog V2](docs/version2Changelog.md)

## ๐Ÿ“„ Table of Contents

- [๐Ÿ’ซ Features](#-features)
- [๐Ÿ“ฆ Requirements](#-requirements)
- [๐Ÿง‘๐Ÿปโ€๐Ÿ’ป Languages](#-languages)
- [๐Ÿ“š Technologies](#-technologies)
- [โš™๏ธ Backend](#๏ธ-backend)
- [๐Ÿ”ฎ Frontend](#-frontend)
- [๐Ÿ”จ Tools](#-tools)
- [๐Ÿšฆ Running the Project](#-running-the-project)
- [๐Ÿง‘๐Ÿปโ€๐Ÿ’ผ Default Admin Account](#-default-admin-account)
- [๐ŸŽจ Figma Design Files](#-figma-design-files)
- [๐Ÿง  What I Learned](#-what-i-learned)
- [๐Ÿ”ฅ New Technologies Explored](#-new-technologies-explored)
- [๐Ÿ’ช๐Ÿป Enhanced Proficiency in](#-enhanced-proficiency-in)
- [๐Ÿซ‚ Contributors](#-contributors)
- [โœจ Stars](#-stars)
- [๐Ÿด Forks](#-forks)
- [๐Ÿ’ฐ Support](#-support)
- [โญ Star History](#-star-history)
- [โš ๏ธ Warning](#%EF%B8%8F-warning)

## ๐Ÿ’ซ Features

- Admin Panel
- Comment
- Comment Delete
- Custom Profile Picture
- Dashboard Page
- Dark/Light Themes
- Database Checker
- Debug Messages
- Docker
- Google reCAPTCHA v3
- Logging
- Multi Language Support
- Password
- Password Change
- Password Reset
- Post
- Post Banner Photos
- Post Categories
- Post Creation
- Post Delete
- Post Edit
- Post Views
- Responsive Design w/TailwindCSS
- Search Bar
- Summer Note Editor
- Testing w/PlayWright
- Time Zone Awareness
- User
- User Delete
- User Login
- User Log Out
- User Name Change
- User Page
- User Points
- User Profile Pictures
- User Settings Page
- User Sign Up
- User Verification

## ๐Ÿ“ฆ Requirements

- Flask
- Passlib
- WTForms
- Requests
- Flask-WTF
- Playwright
- Pipenv
- Python 3.10 or newer

## ๐Ÿง‘๐Ÿปโ€๐Ÿ’ป Languages

- Python
- HTML | Jinja
- CSS
- JavaScript

## ๐Ÿ“š Technologies

### โš™๏ธ Backend

- SQLite3
- Passlib
- Flask
- WTForms
- Flask_WTF
- Requests
- Playwright

### ๐Ÿ”ฎ Frontend

- jQuery
- TailwindCSS
- Tabler Icons
- Summer Note Editor

### ๐Ÿ”จ Tools

- Black formatter
- Prettier formatter
- VSCode editor
- Docker
- Pipnv
- Git

## ๐Ÿšฆ Running the Project

download source code from Github ๐Ÿ’พ
`git clone https://github.com/DogukanUrker/flaskBlog.git`

go to directory ๐Ÿ“
`cd flaskBlog`

install requirements.txt ๐Ÿ”ฝ
`pip install -r requirements.txt`

it's ready to run ๐ŸŽ‰
`python app.py`

### ๐Ÿง‘๐Ÿปโ€๐Ÿ’ผ Default Admin Account

Username: admin

Password: admin

## ๐ŸŽจ Figma Design Files

- App
- [Desktop](https://www.figma.com/file/9HFi36JmzdZbzbjEPio6Om/Flask-Blog-Desktop?type=design&mode=design&t=CuzOm3gLIgfOF0it-1)
- [Mobile](https://www.figma.com/file/qkgrIl15bdTsra6BNSVdAN/Flask-Blog-Mobile?type=design&mode=design&t=CuzOm3gLIgfOF0it-1)
- [Terminal](https://www.figma.com/file/FWusS9JrbtEIhCX6Dv7efj/Flask-Blog-Terminal?type=design&mode=design&t=CuzOm3gLIgfOF0it-1)
- [Mails](https://www.figma.com/file/6Glzzq1GWIdbZ7xoVOaEEy/Flask-Blog-Mail?type=design&mode=design&t=CuzOm3gLIgfOF0it-1)

[Files in \*.fig format](https://drive.google.com/drive/folders/12lchfmCCkCRzHTQfHk1gDEY10wz7qhxs?usp=drive_link)

## ๐Ÿง  What I Learned

FlaskBlog has been an enriching journey, marking a significant milestone in my development career. Through its creation, I delved deep into various facets of web development and programming, expanding my skill set and understanding. Here's an elaboration on some of the key learnings:

### ๐Ÿ”ฅ New Technologies Explored

- Docker: Embracing containerization streamlined deployment and enhanced scalability.
- Playwright: Automating browser interactions empowered smoother testing and validation processes.
- Summer Note Editor: Integrating this versatile editor facilitated a richer content creation experience.
- Tabler Icons: Leveraging these icons added visual appeal and improved user experience.
- Google reCAPTCHA v3: Implementing advanced security measures fortified the application against bots and malicious activities.
- Figma: Utilizing Figma for design provided insights into collaborative design processes and enhanced UI/UX planning.
- Time Zone Awareness Design: Incorporating time zone awareness ensured a seamless experience for users across different geographical locations.
- Secure SQL Connections: Implementing secure SQL connections bolstered data integrity and confidentiality.

### ๐Ÿ’ช๐Ÿป Enhanced Proficiency in

- Python: Mastery over Python deepened, enabling more efficient and robust backend development.
- JavaScript: Strengthening JavaScript skills facilitated dynamic frontend interactions and enhanced user engagement.
- TailwindCSS: Proficiency in TailwindCSS led to more streamlined and maintainable CSS code, accelerating frontend development.
- CSS: Further exploration of CSS enhanced styling capabilities, enabling finer control over the application's visual presentation.
- WTForms: Deeper understanding and utilization of WTForms facilitated seamless form handling and validation.
- SQLite3: Familiarity with SQLite3 improved database management and optimization strategies.
- Jinja: Mastery over Jinja templating engine facilitated more dynamic and efficient content rendering.

Embarking on the FlaskBlog project has been immensely rewarding, not only in terms of skill enhancement but also in personal fulfillment. As a full-stack developer, this endeavor has honed my abilities and deepened my passion for crafting elegant, functional solutions. I take pride in the outcome of this project and sincerely hope it resonates with you as well. ๐Ÿ˜Š

## ๐Ÿซ‚ Contributors





## โœจ Stars

[![Stargazers for @DogukanUrker/flaskBlog](http://bytecrank.com/nastyox/reporoster/php/stargazersSVG.php?theme=dark&user=DogukanUrker&repo=flaskBlog)](https://github.com/DogukanUrker/flaskBlog/stargazers)

## ๐Ÿด Forks

[![Forkers for @DogukanUrker/flaskBlog](http://bytecrank.com/nastyox/reporoster/php/forkersSVG.php?theme=dark&user=DogukanUrker&repo=flaskBlog)](https://github.com/DogukanUrker/flaskBlog/network/members)

## ๐Ÿ’ฐ Support

Buy Me A Coffee

## โญ Star History





Star History Chart

## โš ๏ธ Warning

The sample data was created using AI(ChatGPT 3.5 and Microsoft Copilot) which means that some sample data may contain incorrect information.