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
In questa pagina del sito puoi guardare il video online Making an Ionic 5 React app with Cloud Firestore, camera, and geolocation app tutorial: Part 1 della durata di ore minuti seconda in buona qualità , che l'utente ha caricato Daniel Hampikian 07 aprile 2020, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 888 volte e gli è piaciuto 10 spettatori. Buona visione!
