this app is working but not updated for a while and the comments is not there and no docs provided ,
little experience required but the code is simple since i made it while i was a beginner.
- both client and service provider screens and logic
- realtime chat and realtime
- mobile auth
- delviery request system
- admin ui for accepting providers
delivery app for person to person help that runs on iOS, Android, and the web - with just one codebase. This is the complete project referenced in the "Your First App: React" guide. Follow along to create a complete CRUD (create-read-update-delete) experience.
Powered by Ionic React (web app) and Capacitor (native app runtime).
After the user navigates to Tab 2 (Photos), they can tap/click on the camera button to open up the device's camera. After taking or selecting a photo, it's stored permanently into the device's filesystem. When the user reopens the app at a later time, the photo images are loaded from the filesystem and displayed again in the gallery. The user can tap on a photo to be presented with the option to remove the photo.
- App framework: React
- tailwindcss
- pullstate
- UI components: Ionic Framework
- Camera button: Floating Action Button (FAB)
- Native runtime: Capacitor
- Taking photos: Camera API
- Storing photo in firebase storage: Storage API
- backend: firebase
- auth
- realtime chat
- orders query
- images storage
Note: It's highly recommended to follow along with the tutorial guide, which goes into more depth, but this is the fastest way to run the app.
- Install Ionic if needed:
npm install -g @ionic/cli
. - Clone this repository.
- In a terminal, change directory into the repo:
cd shoflytawseel
. - Install all packages:
npm install or yarn install or pnpm install
. - Run on the web:
react-scripts start or ionic serve
. - Run on iOS or Android: See here.