Ishan Gupta

Case Study

Blogging Application

Mobile app · Flutter · Firebase

←Back to projects
Blogging App

Timeline

Jul 2024 – Sep 2024

Tech Stack

FlutterDartFirebase FirestoreFirebase AuthRich Text

Overview

A content-focused mobile application that empowers users to write, format, and share stories on the go. The app focuses on a distraction-free writing experience with a rich-text editor and seamless image embedding, backed by a robust cloud database.

Key Features

  • WYSIWYG Rich Text Editor.
  • Image uploads via Firebase Storage.
  • User profiles and post history.
  • Feed with sorting and filtering options.

Technical Highlights

  • Implemented lazy loading for the infinite scroll feed.
  • Compressed images client-side before upload to save bandwidth.
  • Used Firestore security rules for data protection.

Challenges & Solutions

Handling Rich Text

Parsing and rendering complex HTML/Markdown style text in Flutter was inconsistent across devices.

Solution: Utilized the `flutter_quill` package and customized the delta format parser for consistent rendering.

Image Upload Latency

High-res images were taking too long to upload and causing UI freezes.

Solution: Moved upload logic to a background isolate and implemented client-side compression.