How We Developed A Startup MVP In 3 Weeks With Flutter And Firebase

How We Developed A Startup MVP In 3 Weeks With Flutter And Firebase

This article might be helpful for someone who is looking for a perfect MVP stack for the startup or a side product or looks for a guide on how to bring their own MVP to market fast, get the first market response, and maybe even first potential customers.

This article might be helpful for someone who is looking for a perfect MVP stack for the startup or a side product or looks for a guide on how to bring their own MVP to market fast, get the first market response, and maybe even first potential customers. We will cover both product design and development phases of Quotea.

You can skip the product design part if:

  • your product already has UI/UX in place;
  • you just want to dive directly into technology (Flutter and Firebase);
  • you’re interested in our approach to application architecture;
  • you feel like reading about the tools we used while coding the product.

So what is Quotea?

We designed Quotea for people who read and read mostly dinosaur age-old *paper books. *The applicationis coming to iOS/Android and potentially Web/Desktop thanks to Flutter cross-platform development tools. Instead of writing notes on the side of the page, which is normal for many people (example below),

Image for post

Book belongs to one of the Quotea founders

The application allows its users to store their notes on the books they read as voice, as text notes, get a photo of a page, OCR specific part of it, and store/share as a quote. Check out the application flow below. Android APK could be found here — feel free to test it out yourself.

A complete Quotea application flow built with Flutter and Firebase

Core features of Quotea

Here is the list of core features of the application so you could have a basic understanding of the application’s size of the scope:

  • Login with Gmail
  • Profile/Settings screen
  • Ability to add any book you read to your own list from a database by name of the book or author
  • Ability to add your own book if it’s not found in our database
  • Organize your library and change statuses of each book (you read now/ your finished readings/wishlist of books you plan or would like to read)
  • Add an image note (taking and storing a photo of a page)
  • Ability to select and OCR a specific part of the page on the photo and turn it into an editable and shareable text
  • Add voice and text notes to a specific page or book
  • Draft, delete or edit your notes
  • Share a quote on social media or over messengers including the quote itself, author, and name of the app you sharing with:).

programming google startup mobile firebase flutter

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Google's Flutter 1.20 stable announced with new features - Navoki

Google has announced new flutter 1.20 stable with many improvements, and features, enabling flutter for Desktop and Web

What is Flutter and why you should learn it?

Flutter is an open-source UI toolkit for mobile developers, so they can use it to build native-looking Android and iOS applications from the same code base for both platforms. Flutter is also working to make Flutter apps for Web, PWA (progressive Web-App) and Desktop platform (Windows,macOS,Linux).

Flutter Google Places AutoComplete || Flutter Google Maps Places API || UBER Clone Flutter Firebase

Learn how to enable google places api in flutter and how to use google places autocomplete flutter android studio for our flutter uber clone app || flutter careem clone app course in our Flutter Firebase Android and iOS Ride Sharing App like CAREEM and UBER Clone App with firebase as backend.

Connect Flutter App to Firebase || Flutter iOS Firebase Setup | Flutter Android Firebase Setup

Learn how to connect Flutter app to Firebase , you will learn about Flutter ios Firebase setup , flutter android firebase setup and you will also learn how to add firebase dependencies to flutter android & ios app for our flutter uber clone app || flutter careem clone app course in our Flutter Firebase Android and iOS Ride Sharing App like CAREEM and UBER Clone App with firebase as backend. (how to connect flutter project with firebase for android and ios)

Flutter With Firebase Google Sign-in - Flutter Tutorial

In this Flutter tutorial, we will implement a Firebase google sign to our Flutter project. We will see step by step how to implement this function from creating a project until its implemented with google sign in.