Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/edemekong/city-cab
An open source flutter taxi - app for learning purpose(Provider & Bloc) using firebase as backend/server
https://github.com/edemekong/city-cab
firebase firebase-auth firebase-database flutter flutter-bloc googlempa provider
Last synced: about 2 hours ago
JSON representation
An open source flutter taxi - app for learning purpose(Provider & Bloc) using firebase as backend/server
- Host: GitHub
- URL: https://github.com/edemekong/city-cab
- Owner: edemekong
- License: mit
- Created: 2021-06-03T20:04:10.000Z (over 3 years ago)
- Default Branch: develop-provider
- Last Pushed: 2022-07-31T13:30:53.000Z (over 2 years ago)
- Last Synced: 2024-10-27T09:04:18.095Z (16 days ago)
- Topics: firebase, firebase-auth, firebase-database, flutter, flutter-bloc, googlempa, provider
- Language: Dart
- Homepage:
- Size: 1.06 MB
- Stars: 154
- Watchers: 9
- Forks: 63
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# CITY CAB
This is an open source project to build and deploy a ride hailing app(Taxi-App) using [FLUTTER](https://flutter.dev) and [FIREBASE](https://firebase.com) 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](https://www.youtube.com/channel/UC1fuQBjVLSqwk-PgdeeMAyQ)
- Subscribe to [THE YOUTUBE CHANNEL WHERE THESE IS ALWAYS POSTED SO YOU"LL BE NOTIFIED EACH TIME](https://www.youtube.com/FlutterFairy?sub_confirmation=1)### 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](https://github.com/hello-paulvin/city-cab/tree/develop-bloc) branch of these project
#### How we are using it
## UI/VIEW -> BLOC -> REPOSITORIES ↔️ SERVICES -> MODELSThe UI reponse to state changes in the [BLOC](https://pub.dev/packages?q=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](https://github.com/hello-paulvin/city-cab/tree/develop-provider) branch of these project
#### How we are using it
## UI/VIEW -> STATE -> REPOSITORIES ↔️ SERVICES -> MODELSThe UI reponse to state changes in the [state(Provider)](https://pub.dev/packages?q=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](https://img.youtube.com/vi/-Sj3MEXB7Qk/0.jpg)](https://www.youtube.com/watch?v=-Sj3MEXB7Qk)
### 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](https://img.youtube.com/vi/6TRaK3s8Nl8/0.jpg)](https://www.youtube.com/watch?v=6TRaK3s8Nl8)### 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](https://img.youtube.com/vi/JX6KLspoyNI/0.jpg)](https://www.youtube.com/watch?v=JX6KLspoyNI)
### 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](https://img.youtube.com/vi/UYO8YDaGfCg/0.jpg)](https://www.youtube.com/watch?v=UYO8YDaGfCg)
### 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](https://img.youtube.com/vi/UyUv9Mphd0E/0.jpg)](https://www.youtube.com/watch?v=UyUv9Mphd0E)
### 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](https://img.youtube.com/vi/EIFhoAEwUeA/0.jpg)](https://www.youtube.com/watch?v=EIFhoAEwUeA)
### 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](https://img.youtube.com/vi/Qf32xLJR1V0/0.jpg)](https://www.youtube.com/watch?v=Qf32xLJR1V0)
### 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](https://img.youtube.com/vi/_g1Cf1O4lPs/0.jpg)](https://www.youtube.com/watch?v=_g1Cf1O4lPs)
### 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](https://img.youtube.com/vi/v2vVPct5r98/0.jpg)](https://www.youtube.com/watch?v=v2vVPct5r98)
### 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](https://img.youtube.com/vi/q-2WiLb4ytc/0.jpg)](https://www.youtube.com/watch?v=q-2WiLb4ytc)
### 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](https://img.youtube.com/vi/YIHSq8lUGUQ/0.jpg)](https://www.youtube.com/watch?v=YIHSq8lUGUQ)
### 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](https://img.youtube.com/vi/tGqkQgzom_M/0.jpg)](https://www.youtube.com/watch?v=tGqkQgzom_M)
This is brought to you by [Paul](https://twitter.com/edeme_kong) from [FLUTTER FAIRY](https://www.youtube.com/channel/UC1fuQBjVLSqwk-PgdeeMAyQ)
PLEASE, STAR⭐️ THIS PROJECT BEFORE YOU LEAVE😃