Cross Platform app in Flutter with Firebase Auth and Firestore. Available for Mobile,Web,Desktop

Overview

Image

NavokiNotes

Navoki Notes, a note app app, will sync data to cloud and on all devices. We have application for Android, iOS, Web App, PWA, Windows, macOS, Linux , so you can access data anywhere on any device. Its FREE to use. The is a single code-base cross-platform app made on Flutter Framework with Firebase.

Open Source Love navoki-notes

Image Get it from the Snap Store

Image Youtube

Image Navoki.com

Screenshots

Video

IMAGE ALT TEXT HERE

Downloads

Ready to use app Android App

Web App

iOS, Windows, MacOS,Linux

Getting Started

This project is made with Flutter Framework, Firebase Authentication, Cloud Firestore and Adobe XD Flutter plugin.

A few resources to get you started if this is your first Flutter project:

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

Installation and Config

Build Project

  • To run and build project run command flutter build <device-name>
  • To get devices list, run flutter devices

NOTE:

  • Also, install build tools for each platforms to run on that platform. Follow links above.
  • Flutter Desktop is not stable yet so you might face some issue, till now I have faced few app crashes on desktop but feature is implemented and app is running. For Linux app you need to build project and run using flutter run -d linux

Learning

Few things I have used that you can work to understand flutter development.

  • Simple app state management
  • Using RestAPI
  • Firebase Auth and Cloud Firestore using Rest API
  • Staggered View
  • Local Storage

You can build your own project on this just by changing dart code in lib folder.

My Flutter and Tools version:

flutter doctor -v

[✓] Flutter (Channel master, 1.19.0-2.0.pre.140, on Mac OS X 10.15.5 19F83c,
    locale en-IN)
    • Flutter version 1.19.0-2.0.pre.140 at /Users/shivam/Documents/flutter
    • Framework revision 852a30b003 (41 minutes ago), 2020-05-22 03:27:03 +0530
    • Engine revision 9ce1e5c5c7
    • Dart version 2.9.0 (build 2.9.0-10.0.dev 7706afbcf5)

[!] Android toolchain - develop for Android devices (Android SDK version 29.0.3)
    • Android SDK at /Users/shivam/Library/Android/sdk
    • Platform android-29, build-tools 29.0.3
    • Java binary at: /Applications/Android
      Studio.app/Contents/jre/jdk/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build
      1.8.0_212-release-1586-b4-5784211)

[✓] Xcode - develop for iOS and macOS (Xcode 11.3.1)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Xcode 11.3.1, Build version 11C505
    • CocoaPods version 1.9.1

[√] Visual Studio - develop for Windows (Visual Studio Community 2019 16.5.1)
    • Visual Studio at C:\Program Files (x86)\Microsoft Visual Studio\2019\Community
    • Visual Studio Community 2019 version 16.5.29920.165

[✓] Linux toolchain - develop for Linux desktop
    • clang version 6.0.0-1ubuntu2 (tags/RELEASE_600/final)
    • cmake version 3.10.2
    • ninja version 1.8.2

[✓] Android Studio (version 3.6)
    • Android Studio at /Applications/Android Studio.app/Contents
    • Flutter plugin version 45.1.1
    • Dart plugin version 192.8052
    • Java version OpenJDK Runtime Environment (build
      1.8.0_212-release-1586-b4-5784211)

[✓] VS Code (version 1.44.2)
    • Flutter extension version 3.9.1

Contribution

This project is open to all kinds of contribution in all of its categories.You can add more features and bug fixes in this code. DO NOT send PR for rename of file and variables, formatting code or other low-quality changes. Focus on making this BIGGER!

Support

If you found this project helpful then show some support by the repo and subscribe to my YoutubeChannel and Newsletter for latest updates in dev world. It will encourage me to make more videos and tutorials. Comment on youtube channel for more tutorials

Project Created & Maintained By

SHIVAM SRIVASTAVA

Mobile Solution Architect, #Android and #Flutter Developer, #Dart, Maybe #Go, #Founder of Navoki.com, #Google Scholar #Udacity Android #Nanodegree, Entrepreneur

Image   Image   Image   Image   Image   Image

License and Trademarks

Copyright 2020 Shivam Srivastava

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

Navoki and Navoki logo are registered trademark of navoki.com. You are free to use the source code above.

You might also like...

Blood Bank is cross platform mobile application that is developed using technologies like Flutter/Dart for frontend and Firebase for data storage

Blood Bank is cross platform mobile application that is developed using technologies like Flutter/Dart for frontend and Firebase for data storage

Blood Bank is cross platform mobile application that is developed using technologies like Flutter/Dart for frontend and Firebase for data storage. The sole goal of this application is to make blood donation resourceful and accessible all round the world.

Nov 5, 2022

Flutter web example with Firebase Authentication, Firestore Collection, BloC Pattern

flutter_auth_web Flutter Firebase auth. Getting Started This project is a starting point for a Flutter application. A few resources to get you started

Feb 26, 2022

Flutter firebase auth - Simple implementation of Firebase Authentication using Flutter

FlutterFire Authentication Sample A simple implementation of Firebase Authentica

Apr 2, 2022

Trying out Flutter for desktop Web app development as an alternative to SPA frameworks (such as React and Angular) by recreating one of the pages of an existing CV Management web app

HTML Renderer Demo CanvasKit Renderer Demo Reddit discussion This repo contains a PoC of using Flutter as a traditional SPA framework for creating a d

Oct 11, 2022

A cross-platform WebView for Android, iOS and Web.

A cross-platform WebView for Android, iOS and Web.

A feature-rich cross-platform webview using webview_flutter for mobile and iframe for web. JS interop-ready. Getting started Gallery Basic usage Featu

Dec 14, 2022

Random-Face-Generator - A Cross-Platform(Web, Android, iOS) app to Generate Faces of People (These people don't actually exist) made using Flutter

Random-Face-Generator - A Cross-Platform(Web, Android, iOS) app to Generate Faces of People (These people don't actually exist) made using Flutter

👨 👩 Flutter Random Face Generator A flutter app to generate random faces. The

Dec 25, 2022

Let's setup Firebase​​ for our Flutter​​ app on Android​, iOS​ and Flutter Web. Setup Firebase to use Firebase products.

Let's setup Firebase​​ for our Flutter​​ app on Android​, iOS​ and Flutter Web.  Setup Firebase to use Firebase products.

Flutter Tutorial - Firebase Setup For Flutter Web Let's setup Firebase for our Flutter app on Android, iOS and Flutter Web. Setup Firebase to use Fire

Apr 27, 2022

Cross-platform mobile app for tracking GPS with IoT technologies.

Cross-platform mobile app for tracking GPS with IoT technologies.

IoT Tracking Cross-platform mobile app for tracking GPS with IoT technologies. Table of Contents Introduction Requirements Installation Build & Run Kn

Oct 2, 2022

A comprehensive guide on learning how to code cross platform mobile applications with the Flutter framework, from the ground up.

A comprehensive guide on learning how to code cross platform mobile applications with the Flutter framework, from the ground up.

✳️ The Ultimate Guide to App Development with Flutter ✳️ A complete and comprehensive guide to learning Flutter with explanations, screenshots, tips,

Jan 1, 2023
Comments
  • errors from flutter build web

    errors from flutter build web

    Target dart2js failed: Exception: lib/screen/LoginPage.dart:502:9: Error: No named parameter with the name 'child'. child: AlertDialog( ^^^^^ ../../../flutter/packages/flutter/lib/src/material/dialog.dart:1016:12: Info: Found this candidate, but the arguments don't match. Future<T?> showDialog({ ^^^^^^^^^^ Error: Compilation failed.

    opened by goodforever 1
  • Fix for issue #2

    Fix for issue #2

    Fixed issues in login page

    • Request is processed even if email and password are blank

    • Keyboard not hiding, after clicking on login/signup button

    • Loader shown during api call, looks ellipsed rather than circle

    • Updated README.md to locate where to place API_KEY

    • Fixed warnings about return statements in Api.dart

    • Fixed immutable warning for Home.dart

    wontfix 
    opened by fayaz07 1
Releases(1.0.1)
  • 1.0.1(May 24, 2020)

    Android: Install from Play Store

    Windows: Run Navoki_Notesx64.exe on your system and follow the installation process. The app will install in <User> folder. If any issue arrises during launch , try run app Run as Admin

    MacOS: Extract NavokiNotes_Mac.zip on your system and move the NavokiNotes.app file to Applications .

    Web and PWA: Use app on https://navoki.com/samples/navoki-notes/#/

    iOS, Linux: You have to build the project and run the app on respective platforms with tool-chains installed.

    Source code(tar.gz)
    Source code(zip)
    NavokiNotes_Mac.zip(12.84 MB)
    Navoki_Notesx64.exe(15.80 MB)
Owner
shivam srivastava
Mobile Solution Architect@EnrichAI, Founder @navoki | Android Flutter Developer | Dart, Go | Udacity Android Nanodegree Graduate |
shivam srivastava
A working Twitter clone written in Flutter using Firebase auth,realtime,firestore database and storage

A working Twitter clone written in Flutter using Firebase auth,realtime,firestore database and storage

The Github Mafia 17 Dec 24, 2022
A working Twitter clone built in Flutter using Firebase auth,realtime,firestore database and storage.

Fwitter - Twitter clone in flutter A working Twitter clone built in Flutter using Firebase auth,realtime,firestore database and storage. Dependencies

Dominique Rwema Bagirishya 31 Oct 5, 2022
Flutter mobile app with firestore authentication including Email and Social auth.

Flutter mobile app with firestore authentication including Email and Social auth.

Ionicfirebaseapp 96 Dec 7, 2022
Ifoodcare - Food Donation App in Flutter using Firebase Auth, Firestore

Food Donation App in Flutter using Firebase Auth, Firestore

Raunak Chatterjee 3 Nov 17, 2022
User auth form - Signup and signin user auth form with ability to stay signed in and have an option to signout.

user_auth_form SIgnup and signin user authentification form Getting Started This project is a starting point for a Flutter application. A few resource

null 0 Jan 6, 2022
A beautiful cross platform mobile web app use this and ENJOY (2 page) - Flutter UI from scratch

course_app 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

Mobin 2 Feb 9, 2022
Flutter application for latest news by top newspapers . And allow for share articles with friends. Now available in night mode. Also landscape mode is available

Breaking News Latest news for almost 55 country. Feature of saving article and search ariticles. Used API https://newsapi.org/ Note: if data is not ge

null 7 Oct 24, 2022
A feature-rich cross-platform webview using webview_flutter for mobile and iframe for web. JS interop-ready.

A feature-rich cross-platform webview using webview_flutter for mobile and iframe for web. JS interop-ready. Getting started Gallery Basic usage Featu

null 2 Mar 17, 2022
Time-Tracker is a cross platform software integrated with Firebase and this is the mobile version created with Flutter.

Time Tracker | Flutter Time tracker is a cloud based task manager where you can manage your tasks in your mobile or web browser in a same time or in a

AmirHossein Mohammadi 10 Oct 25, 2022