Back to Projects
MyBlog
CompletedHTMLCSSJavaScript+3 more

MyBlog

A personal blogging platform to share my thoughts and experiences.

Timeline

9 months

Role

Full Stack

Team

Solo

Status
Completed

Technology Stack

HTML
CSS
JavaScript
Python
Flask
Supabase

Key Challenges

  • Content Management
  • User Authentication
  • Responsive Design
  • Video Transcoding
  • Image Optimization
  • Date Handling

Key Learnings

  • Flask Framework
  • Supabase Integration
  • Frontend-Backend Communication
  • Media Handling
  • FFMPEG for Video Processing
  • Responsive Web Design
  • Date and Time Management

MyBlog: A Personal Blog

Overview

MyBlog is a personal blogging platform like X (formerly Twitter) where I share my thoughts, experiences and in general what I am doing. Built with Flask and Supabase with a little Pydantic touch, it features user authentication, content management, and media handling.

Key Features

  • User Authentication: Secure login and registration system
  • Content Management: Create, edit, and delete blog posts
  • Responsive Design: Optimized for all devices
  • Media Handling: Upload and display images and videos
  • Date Handling: Proper date and time management for posts
  • FFMPEG Integration: For video processing and optimization

What Users Can Do

  • Read Posts: Browse through various blog posts
  • Create Posts: Authenticated users can create new blog entries
  • Edit/Delete Posts: Manage their own content
  • Upload Media: Add images and videos to their posts
  • Filter Posts: Filter posts by date.

Why I Built This

Sometime back, I was watching a movie called "The Socialnetwork" which is based on the founding of Facebook. In that movie, I saw Mark Zuckerberg building a site called Facemash, while building that site he was documenting his thoughts in a blog. That inspired me to build my own blogging platform where I can share my thoughts and experiences with the world. In my style.

Future Plans

  • Enhanced Media Support: Better handling and optimization of images and videos
  • Social Features: Comments, likes, and sharing capabilities
  • SEO Optimization: Improve search engine visibility.
  • Markdown Support: Allow users to write posts in Markdown format.

Developed by Amanat Ali
© 2026. All rights reserved.