city-cab
city-cab copied to clipboard
An open source flutter taxi - app for learning purpose(Provider & Bloc) using firebase as backend/server
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;
- You must have some basic knowledge on DART/FLUTTER and FIREBASE as this is the main thing.
- FORK⑂ and STAR⭐️ this repository. Git Clone to your local machine.
- Follow the videos content of this project on YOUTUBE LINK HERE
- Subscribe to THE YOUTUBE CHANNEL WHERE THESE IS ALWAYS POSTED SO YOU"LL BE NOTIFIED EACH TIME
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;
- Driver's Account Setup || User Privileges
- Intro To Realtime
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.
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)
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.
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.
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
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.
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
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😃
Phone Number Authentication || Bloc Explained || Flutter + Firebase; Bloc #TaxiApp Eps 4a
- This video will walk you through Firebase Phone number authentication using bloc.
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.
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.
This is brought to you by Paul from FLUTTER FAIRY
PLEASE, STAR⭐️ THIS PROJECT BEFORE YOU LEAVE😃