Making an Ionic 5 React app with Cloud Firestore, camera, and geolocation app tutorial: Part 1
In part 1 of this series I go over the setup, how to get extra resources for development, and the initial dependencies for creating an ionic 5 cross platform web, desktop, and mobile app that has firebase through react hooks. I explain what all that means in the tutorial, and set up an ionic project that will eventually be capable of displaying realtime geolocation, image (pictures), and text data that it pulls from and stores in cloud firestore by using capacitor, electron, and react in the ionic 5 framework to access and display camera images, text, and geolocation across multiple devices and multiple platforms. The resources alluded to in the tutorial are found below, and I'll eventually link the repo with the finished app when I conclude this series. Stay tuned for part 2 and check out my other ionic 5 videos!
Here are the steps for the entire series:
Set up a github repo
Get node.js
Get react
Get angular
Get ionic
Setup ionic-react project with capacitor
Add react and firebase hooks
Setup firebase database
Setup the App UI
Hook up app UI to realtime database
Set up camera and geolocation with realtime database
Build to web, mobile, and desktop.
Deploy to all platforms including an aws ec2 instance and android tablet for testing flexibility and robustness of cross platform plugins.
Test app across all platforms.
And here are the links to all resources referenced in the series:
https://git-scm.com/
https://git-scm.com/doc
https://github.com/
https://desktop.github.com/
https://nodejs.org/en/
https://nodejs.org/api/synopsis.html
https://www.w3schools.com/nodejs/
https://reactjs.org/
https://www.w3schools.com/react/defau...
https://reactjs.org/tutorial/tutorial...
https://www.npmjs.com/package/react.cli
https://angular.io/
https://angular.io/tutorial
https://www.w3schools.com/angular/
https://www.w3schools.com/js/default.asp
https://www.freecodecamp.org/learn
https://ionicframework.com/
https://ionicframework.com/getting-st...
https://ionicframework.com/docs/react...
https://capacitor.ionicframework.com/...
https://code.visualstudio.com/
https://docs.aws.amazon.com/AWSEC2/la...
https://ionicons.com/
https://ionicframework.com/docs/themi...
https://github.com/ionic-team/pwa-ele...
https://reactjs.org/docs/hooks-intro....
https://ionicframework.com/blog/annou...
https://capacitor.ionicframework.com/...
http://firebase/
https://www.npmjs.com/package/react-f...
https://www.npmjs.com/package/firebase
Auf dieser Seite können Sie das Online-Video Making an Ionic 5 React app with Cloud Firestore, camera, and geolocation app tutorial: Part 1 mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Daniel Hampikian 07 April 2020 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 888 Mal angesehen und es wurde von 10 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
