Flutter + Firebase Cloud Firestore로 구현하였습니다.

Overview

B.log

사전과제 블로그 앱 입니다.
Flutter + Firebase Cloud Firestore로 구현하였습니다.

image

0. 주요 기능 및 설명

1. 글 쓰기

  • wysiwyg(위지윅) 방식의 에디터로 글 작성 가능
  • 이미지 삽입, 링크, 각종 마크다운 지원

2. 글 삭제 및 수정

  • 삭제/수정하고자 하는 글의 상세 페이지 진입 시 가능

3. 댓글 쓰기 및 삭제

  • 익명 기반

4. 회원(미구현)

  • 파이어베이스 인증을 이용하여 구현 시도 (코드만 있고, 작동은 안함)


1. 사용 기술 및 설명

- 백엔드

  • Firebase Cloud Firestore 이용

글 정보(tb_posting_info)

column 속성 설명
author string
title string 글 제목
content string 글 내용(wysiwyg json)
planContent string 글 내용(only text)
comment array 글의 댓글
createAt timestamp 생성일자
  • 단일 테이블(Post)로 구현했습니다.
  • NoSQL Database를 이번에 처음 사용해보았는데, 우선 간단하게 CRUD 정도만 하면 됐기에 사용하는데 큰 무리가 없을 것이라고 생각했습니다.
  • 게시글에 대한 댓글의 생성/삭제/수정은 해당 Post 값 객체를 모두 update 하는 형식으로 로직을 구성하였습니다.

- 프론트엔드

  • Flutter 2.5.3 / Dart 2.14.4
  • BLoC 패턴으로 상태관리 (flutter_bloc ^7.3.1)

알려진 버그

  • [홈] 화면에서의 버튼 [최신 순] 과 [오래된 순] 대로 정렬되고 있지 않습니다.

전체 시연영상

default.MP4
You might also like...

News App created in Flutter using News API for fetching realtime data and Firebase as the backend and authenticator.

News App created in Flutter using News API for fetching realtime data and Firebase as the backend and authenticator.

News Buzz News App created in Flutter using News API for fetching realtime data and Firebase as the backend and authenticator. Features Custom news fe

Dec 30, 2022

A fully functional Instagram clone written in Flutter using Firebase / Firestore

A fully functional Instagram clone written in Flutter using Firebase / Firestore

Fluttergram A working Instagram clone written in Flutter using Firebase / Firestore Demo Download the release APK to try out Fluttergram I update Flut

Jan 8, 2023

Flutter ToDo App with Firebase

Flutter ToDo App with Firebase

Taskist Taskist is a ToDo List app for Task Management inspired by the design below The app is using Firebase, you have to configure it from your side

Jan 6, 2023

Fully functional Twitter clone built in flutter framework using Firebase realtime database and storage

Fully functional Twitter clone built in  flutter framework using Firebase realtime database and storage

Fwitter - Twitter clone in flutter A working Twitter clone written in Flutter using Firebase auth,realtime,firestore database and storage. Download Ap

Jan 8, 2023

A task manager built with Flutter, Serverless, Postgres, Firebase

A task manager built with Flutter, Serverless, Postgres, Firebase

Tasky Mobile App A project management mobile app This project is an implementation of a Design i found on uigaints.com by Ashish Dhakal. The Backend w

Dec 31, 2022

Flutter Instagram using Firebase Firestore with similar functions 🔥🔥🔥

Flutter Instagram using Firebase Firestore with similar functions 🔥🔥🔥

Instagram Flutter Build an Instagram clone project using firebase/firestore with similar functions 🔥 🔥 🔥 Give a ⭐ ⭐ ⭐  if you like this 🔥 Features

Jan 4, 2023

GetDoctor is a complete app developed in Flutter, Firebase and Blazor,.Net Core API and SQL Server

GetDoctor is a complete app developed in Flutter, Firebase and Blazor,.Net Core API and SQL Server

GetDoctor 😊 😊 😊 GetDoctor is a complete app developed in Flutter, Firebase and Blazor,DotNet Core API and SQL Server GetDoctor is a complete packag

Dec 19, 2022

GChat is a chatting application developed using Flutter(Dart) and firebase for 2 users. Trying to Develop an application that does not sell your data with whatsapp rolling out its privacy policy updates.

GChat is a chatting application developed using Flutter(Dart) and firebase for 2 users. Trying to Develop an application that does not sell your data with whatsapp rolling out its privacy policy updates.

Gchat - The Chatting Application A Flutter project for chatting. I used Android Studio and you can you any editor of your choice for ex: VS Code, Inte

Nov 6, 2022

A Flutter project that implemented getx package and firebase services.

A Flutter project that implemented getx package and firebase services.

Get X Firebase A Flutter Package that implemented firebase services with getx package. It's free, open source, complete, rapid development package for

Nov 26, 2022
Owner
doitduri
doitduri
Flutter app to track stocks for multiple users, using Cloud Firestore on the backend.

stock_tracker Flutter app to track stocks for multiple users, using Cloud Firestore on the backend. Overview I wrote this Flutter application as a mea

John 2 Sep 16, 2022
A powerful Flutter chat UI component library and business logic for Tencent Cloud Chat, creating seamless in-app chat modules for delightful user experiences.

<style> .button-9 { appearance: button; backface-visibility: hidden; background-color: #1d52d9; border-radius: 6px; border-width: 0; box-shadow: rgba(

Tencent Cloud 63 Aug 11, 2023
Task management app with flutter, firebase firestore, and firebase auth

to_do_list A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if th

Alvin Ferdian 2 Mar 3, 2022
Ecommerce-App-with-firebase - Ecommerce App With Firebase and Flutter

Samir Online Store Samir Online Store Samir Online Store Samir Online Store Down

null 14 Dec 24, 2022
Dio desafio chatonline flutter firebase - Developing an Online Chat Application Integrated with Firebase

Desenvolvendo um aplicativo de Chat Online integrado ao Firebase Descrição Neste

Yian Zaratin 1 Jan 4, 2022
Amir Khan 47 Jan 8, 2023
Email and Password Authentication In Flutter & Firebase in Flutter 2.2

Email and Password Authentication In Flutter & Firebase in Flutter 2.2

BackSlash Flutter 43 Nov 23, 2022
Flutter push notification app - Flutter-Firebase Push Notification App with FCM

A simple Flutter-Firebase "Push_Notification" application.

Ahmer Iqbal 9 Nov 4, 2022