A basic demo example for integrating between Appwrite & Flutter πŸ’™

Overview

πŸ”– Todo With Flutter

A simple todo app built with Flutter and Appwrite

🎬 Getting Started

Appwrite is an end-to-end backend server for Web, Mobile, Native, or Backend apps packaged as a set of Docker microservices. Appwrite abstracts the complexity and repetitiveness required to build a modern backend API from scratch and allows you to build secure apps faster.

🀘 Install Appwrite

Follow our simple Installation Guide to get Appwrite up and running in no time. You can either deploy Appwrite on your local machine or, on any cloud provider of your choice.

Note: If you setup Appwrite on your local machine, you will need to create a public IP so that your hosted frontend 
can access it.

We need to make a few configuration changes to your Appwrite server.

  1. Add a new Flutter App (Android or iOS or both) in Appwrite and enter application id of your application (io.appwrite.todo, etc) image

  2. Create a new collection with the following properties

  • Rules

Add the following rules to the collection.

Make sure that your key exactly matches the key in the images

image image

  • Permissions

Add the following permissions to your collections. These permissions ensure that only registered users can access the collection.

image

πŸš€ Deploy the Front End

You have two options to deploy the front-end and we will cover both of them here. In either case, you will need to fill in these environment variables that help your frontend connect to Appwrite.

FLUTTER_APP_ENDPOINT - Your Appwrite endpoint
FLUTTER_APP_PROJECT - Your Appwrite project ID
FLUTTER_APP_COLLECTION_ID - Your Appwrite collection ID

Run locally

Follow these instructions to run the demo app locally

$ git clone https://github.com/devkishor8007/todo-with-flutter.git $ cd todo-with-flutter

Make a one file in the Clone Repo called constant.dart

class AppConstant {
static const String projectid = 'your appwrite project id';
static const String endPoint = 'your own endpoint';
static const String database = 'your appwrite database id';
}

Now run the following commands and you should be good to go πŸ’ͺ🏼

$ flutter pub get $ flutter run

Features

  1. User can Login and Signup the app.
  2. User can add, update the profile picture.
  3. User can read, create, update, and delete the task.

Screenshots

πŸ€• Support

If you get stuck anywhere, hop onto one of our support channels in discord and we'd be delighted to help you out 🀝

😧 Help Wanted

Our access credentials were recently compromised and someone tried to ruin these demos. They decided to leave behind 15 easter eggs πŸ₯š for you to discover. If you find them, submit a PR cleaning up that section of the code (One PR per person across all the repos). You can track the number of claimed Easter Eggs using the badge at the top.

The first 15 people to get their PRs merged will receive some Appwrite Swags 🀩 . Just head over to our Discord channel and share your PR link with us.

UPDATE 17-11-2021: The easter egg contest is now closed.

Comments
  • Upgrade our issue templates to use GitHub issue forms ✍️

    Upgrade our issue templates to use GitHub issue forms ✍️

    Introduction

    GitHub has recently rolled out a public beta for their issue forms feature. This would allow you to create interactive issue templates and validate them 🀯.

    Appwrite currently uses the older issue template format. Your task is to create GitHub issue forms for this repository. Please use Appwrite's issue templates as a reference for this PR.

    Tasks summary:

    • [ ] Fork & clone this repository
    • [ ] Prepare bug report issue form in .github/ISSUE_TEMPLATE/bug.yaml
    • [ ] Prepare documentation issue form in .github/ISSUE_TEMPLATE/documentation.yaml
    • [ ] Prepare feature request issue form in .github/ISSUE_TEMPLATE/feature.yaml
    • [ ] Push changes to master and test issue forms on your fork
    • [ ] Submit pull request

    If you need any help, reach out to us on our Discord server.

    Are you ready to work on this issue? πŸ€” Let us know, and we will assign it to you 😊

    Happy Appwriting!

    good first issue hacktoberfest 
    opened by Meldiron 9
  • Issue Templates Upgrade to GitHub Issue Forms

    Issue Templates Upgrade to GitHub Issue Forms

    This PR address the issue #3.

    Added Issue templates for-: Bug Report -> bug.yaml Documentation Report -> documentation.yaml Feature Request -> feature.yaml

    hacktoberfest-accepted 
    opened by abhijeet007rocks8 4
  • support Appwrite 1.0.

    support Appwrite 1.0.

    What does this PR do?

    (Provide a description of what this PR does.)

    Test Plan

    (Write your test plan here. If you changed any code, please provide us with clear instructions on how you verified your changes work.)

    Related PRs and Issues

    (If this PR is related to any other PR or resolves any issue or related to any issue link all related PR and issues here.)

    Have you read the Contributing Guidelines on issues?

    (Write your answer here.)

    hacktoberfest-accepted 
    opened by hitchhicker007 3
  • support Appwrite 1.0.

    support Appwrite 1.0.

    What does this PR do?

    (Provide a description of what this PR does.)

    Test Plan

    (Write your test plan here. If you changed any code, please provide us with clear instructions on how you verified your changes work.)

    Related PRs and Issues

    (If this PR is related to any other PR or resolves any issue or related to any issue link all related PR and issues here.)

    Have you read the Contributing Guidelines on issues?

    (Write your answer here.)

    opened by hitchhicker007 1
  • Rewrite to match other Todos

    Rewrite to match other Todos

    opened by stnguyen90 0
  • πŸš€ Feature: Rewrite Todo to Match other Todos

    πŸš€ Feature: Rewrite Todo to Match other Todos

    πŸ”– Feature description

    Update this todo to match the other todos.

    🎀 Pitch

    We should keep things consistent between the projects.

    πŸ‘€ Have you spent some time to check if this issue has been raised before?

    • [X] I checked and didn't find similar issue

    🏒 Have you read the Code of Conduct?

    opened by stnguyen90 0
  • Appwrite Issue #4276

    Appwrite Issue #4276

    #<!-- Thank you for sending the PR! We appreciate you spending the time to work on these changes.

    Help us understand your motivation by explaining why you decided to make this change.

    You can learn more about contributing to appwrite here: https://github.com/appwrite/appwrite/blob/master/CONTRIBUTING.md

    Happy contributing!

    -->

    What does this PR do?

    This PR gives the demo-todo-with-flutter app the support of appwrite 1.0 platform.

    Test Plan

    The application is tested on the emulator and physical device as well after the application of the made changes. The deprecated keywords are upgraded with appwrite 1.0 platform support such as "Database" has been changed to "Databases", etc. The app constants are also included in the PR and the endpoint is also added to the constants.dart.

    Related PRs and Issues

    Issue related to this PR

    Have you read the Contributing Guidelines on issues?

    Yes (Write your answer here.)

    opened by karan-17 5
Owner
Appwrite
End to end backend server for frontend and mobile developers. πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»
Appwrite
A demo built with Flutter and Appwrite backend for Hacktoberfest 2021.

Artistry: Appwrite - Flutter Demo ?? Artistry is a demo app built with flutter and Appwrite backend for Hacktoberfest 2021, that demonstrates how to p

Divyam joshi 23 Dec 16, 2022
Simple quiz app built with Appwrite + Flutter + Codemagic

Flutter Festival Kathmandu Quiz App A quiz app for the Flutter Festival Kathmandu built with Flutter Web on frontend and Appwrite on backend. Live Pre

Damodar Lohani 6 Oct 22, 2022
A flutter plugin for integrating Mobile Money Payments to your flutter apps

Add Mobile Money payments to your flutter apps using the FlutterWave api gateway. Features Recieve Payments through Mobile Money in Uganda Supports MT

null 5 Nov 9, 2022
Tutorial for integrating flutter to your new or existing android app.

AddFlutter2Existing Android App Tutorial for adding flutter to your new or existing android app. Link to tutorial Android Create a Flutter module Let'

Pawan Kumar 21 Jun 27, 2022
Flutter: Animation Series || Episode 1 || Basic Animation || Episode 1 || Basic Animation

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

Pawan Kumar 24 Oct 31, 2022
Flutter Basic Sqflite Example

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

İbrahim Tunç 2 Sep 5, 2021
This app it's a simple app to help you choose between alcool or gasoline based on the price of the gasoline and the price of the alcool.

This app it's a simple app to help you choose between alcool or gasoline based on the price of the gasoline and the price of the alcool. It's a simple app that uses a simple logo, two text fields and a button that calculate and show the best option.

CΓ‘cio Lucas 0 Oct 3, 2021
On making this project I learned using Getx to change between dark mode to light mode, learned about the time zone and schedule notification , That I have Integrated in this small app, This is the small section of making a todo app.

On making this project I learned using Getx to change between dark mode to light mode, learned about the time zone and schedule notification , That I have Integrated in this small app, This is the small section of making a todo app.

Pawan Kumar 1 Aug 22, 2022
Patan Campus app : an app that acts as a bridge between student and college

PatanCollegeApplication This application was my first mobile application made using flutter sdk and making this project was a great experince for me a

Shyam Das Shrestha 3 Jul 1, 2022
Flutter demo application for Apple TV (tvos) using custom Flutter engine

Flutter for Apple TV A modification of the Flutter engine + test application to demonstrate that Flutter applications run on Apple TV This project (an

LibertyGlobal 181 Dec 30, 2022
A simple flutter app with demo implementation of redux.

Flutter Redux Tutorial Redux Project is just a quick guide for implementation of redux.dart and flutter_redux . Written in dart using Flutter SDK. Ple

Pawan Kumar 46 Jun 16, 2022
Flutter app demo multiple call with WebRTC and SFUs Architecture

Video Call Flutter App (SFUs Architecture) ?? Description: This is sandbox video call application using Flutter and WebRTC. SFUs – Selective Forwardin

Dao Hong Vinh 15 Dec 5, 2022
Food App Demo for learning Flutter

foodapp_demo Food App Demo for learning Flutter Slicing UI SetState StateFull Widget LINK TUTORIAL https://www.youtube.com/watch?v=1Xd15C2k4OU&list=PL

Ronaldi 1 Mar 12, 2022
Supabase flutter user management demo app.

Supabase Flutter User Management This example will set you up for a very common situation: users can sign up with a magic link and then update their a

Hieu Pham 24 Dec 3, 2022
App to showcase demo for how to have Clean Architecture in Flutter with Get_It for dependency injection

App to showcase demo for how to have Clean Architecture in Flutter with Get_It for dependency injection, BLoC for state maintainence and Hive for persisting data into database.

Rohan Kandwal 1 Mar 19, 2022
A demonstration of basic Flutter transition animations with Hydro-SDK

A demonstration of basic Flutter transition animations with Hydro-SDK

Hydro-SDK 2 Feb 21, 2022
Basic calculator mobile app with flutter

Basic calculator mobile app with flutter

Sujay Goswami 1 Sep 28, 2021
A basic Flutter app built for educational purposes

rijksbook A new Flutter project. Getting Started After cloning, flutter pub get flutter packages pub run build_runner build --delete-conflicting-outp

Jeremiah Ogbomo 38 Nov 27, 2022
A basic Flutter app that displays the time around the world

Flutter World Time app A basic Flutter app that shows the user what the time is in different places around the world This is a basic app I made to pra

Wesley Noijen 4 Feb 4, 2022