Skip to content

An open source flutter taxi - app for learning purpose(Provider & Bloc) using firebase as backend/server

License

Notifications You must be signed in to change notification settings

Basemshawwa/city-cab

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CITY CAB

This is an open source project to build and deploy a ride hailing app(Taxi-App) using FLUTTER and FIREBASE as Backend.

This is entirely open for contributions as it is meant for learning purpose. Code review, suggestions and ideas are welcome.

NOTE:

To kick start this project;

We're using 2 state management approaches in different branch for this project for now🙂

Bloc Pattern

These solution can be found in the develop-bloc branch of these project

How we are using it

UI/VIEW -> BLOC -> REPOSITORIES ↔️ SERVICES -> MODELS

The UI reponse to state changes in the BLOC, and data is fatch from the repositories while the services is for some dedicated services in the app; The Models blue-print our data from the server or anywhere from the app

Provider

These solution can be found in the develop-provider branch of these project

How we are using it

UI/VIEW -> STATE -> REPOSITORIES ↔️ SERVICES -> MODELS

The UI reponse to state changes in the state(Provider), and data is fatch from the repositories while the services is for some dedicated services in the app; The Models blue-print our data from the server or anywhere from the app

VIDEO CONTENTS

🆕

Driver's Account Setup || Intro To Realtime Location Tracking || User Roles; Flutter Taxi-App Ep13

  • In this video I'm going to discuss how we can setup our driver's account base on users privileges and update our UI base on that and I'm also going to bring in realtime location tracking using the Geolocator plugin. So you should expect;
  1. Driver's Account Setup || User Privileges
  2. Intro To Realtime

IMAGE ALT TEXT HERE

Ride Repository || Services; Board Ride, Load Rides and Cancel Ride - Flutter Taxi-App Ep12b

  • This is a continuation of creating data models[https://www.youtube.com/watch?v=JX6KL...] on our previous tutorial. In this video am going to talk about some CRUD operations that will be related to our Ride Repository like Boarding, loading and cancelling a Ride;

We'll make a singleton class for Ride Repository to always initialise it once.

IMAGE ALT TEXT HERE

Creating Data Models; Flutter Tax-App Ep12a

  • In these episode 12a; I'm going to show you how we create our models so to suit how we get our db data for our CITY CAB taxi-app Project. I'll be creating this models manually and showing you how we are using it in details.

To continue with episode watch: Ride Repository || Services; Board Ride, Load Rides and Cancel Ride - Flutter Taxi-App Ep12b(https://www.youtube.com/watch?v=6TRaK3s8Nl8)

IMAGE ALT TEXT HERE

Build UI for CITY CAB(BottomSlider) using PROVIDER to Change State; Flutter

  • I'm going to work you through building a decent UI for our taxi app. We'll change state using provider.

IMAGE ALT TEXT HERE

Convert BLOC to a PROVIDER implementation; FLUTTER

  • In this 25min video I will show you how to convert a ready bloc pattern base implementation app to a provider implementation.

IMAGE ALT TEXT HERE

Search Location || Show Polylines between 2 Geopoints on Map; #TaxiApp #Bloc FLUTTER

  • In this video I'll explain how to search current and destination on our taxi app. Fork Source code repo.. contribute! Subscribe To Flutter Fairy

IMAGE ALT TEXT HERE

Google Map Custom Info Window & Markers || MapServices || Taxi-App || CityCab; FLUTTER

  • In this tutorial we'll make a custom info window and map markers that replaces the usual google default marker and info_windows... Also create our map services singleton class to handle all our map related services and also manage our MapState with bloc library.

IMAGE ALT TEXT HERE

Set Up User Account; FLUTTER & FIREBASE #citycab

  • In this video we'll set up an account for our users when there are done authenticating their phone numbers. We start the real map thing in our next video stay tuned

IMAGE ALT TEXT HERE

Flutter Folder Structure(Bloc); Taxi-app Esp 3a

  • In this video we are going to structure our folders in our project to easily maintained and scale it. This folder structure is base on personal research and not to over-engineer things. Please subscribe and share😃

IMAGE ALT TEXT HERE

Phone Number Authentication || Bloc Explained || Flutter + Firebase; Bloc #TaxiApp Eps 4a

  • This video will walk you through Firebase Phone number authentication using bloc.

IMAGE ALT TEXT HERE

Connect Android App To Firebase; FLUTTER Taxi-App

  • In this video will connect our taxi app to firebase for android platform. I will also show you how to use github branches and pull requests.

IMAGE ALT TEXT HERE

Build A Taxi-App from Scratch; FLUTTER Eps1 Setup

  • In this video we will set up our project for our taxi-app from scratch with flutter. Clone and start contributing open source.

IMAGE ALT TEXT HERE

This is brought to you by Paul from FLUTTER FAIRY

Buy Me A Coffee

PLEASE, STAR⭐️ THIS PROJECT BEFORE YOU LEAVE😃

About

An open source flutter taxi - app for learning purpose(Provider & Bloc) using firebase as backend/server

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Dart 45.8%
  • Ruby 38.1%
  • Swift 11.4%
  • Kotlin 3.6%
  • Objective-C 1.1%