INTRODUCING
#THEFUTUREISWRITTENINCODE

Quick Intro To ReactJS React Fire #3 - State Management With Redux-Toolkit #reactjs​ #reactfire​ #reduxtoolkit In part one, We set up the firebase project and connected it all to the firebase emulator for authentication and account creation all using reactfire. We will build the login screen and the home screen in this example. The starting point will be using a blank app generated with create-react-app In part two we are querying documents from firestore and setting up the created crud actions using the reactfire firebase hooks Part Three we integrate redux-toolkit as a method for state management in the application Redux Toolkit - https://redux-toolkit.js.org/ ReactFire - https://github.com/FirebaseExtended/reactfire ReactFire Overview - https://firebaseopensource.com/projects/firebaseextended/reactfire/ Firebase Emulator - https://firebase.google.com/docs/rules/emulator-setup Chapters 00:00 Introduction 00:53 - FIWIC MVP Program 03:38 - Redux Toolkit Intro 05:16 - Demo the Application and State Changes Using DevTools 09:56 - Walking Through The Code - Login 16:48 - Walking Through The Code - Check For Existing User 21:28 - Wrap Up Part One - https://youtu.be/xOVqoVuY-5M Part Two - https://youtu.be/FoMbciaDMzY Part Three - https://youtu.be/YmHEzjglRMk 💥 Additional Content ----------------------------------- 🎓 Udemy Courses - https://www.udemy.com/user/aaronsaunders/ 🎓 Gumroad Courses/Content - https://www.gumroad.com/fiwic 💥 Social Media ------------------------- Twitter - https://twitter.com/aaronksaunders Facebook - https://www.facebook.com/ClearlyInnovativeInc Instagram - https://www.instagram.com/aaronksaunders/ Dev.to - https://dev.to/aaronksaunders 🌐 www.fiwic.com

#diversity #entrepreneurship #technology Intro: Update us about In3DC, Clearly Innovative Inc, and what's going on with Aaron Saunders Q1. Product Development Bootcamp, the launch of the Future is Written in Code FiWiC is about building your MVP with the business model in mind. - https://bit.ly/fiwic-mvp-course-application Q2. Apprenticeship Program: Why is it important and what is the value it brings to individuals looking to get in tech? Q3. Institutions partnerships and collaborations: Lesson Learned and why it's important to work on innovative approaches Q4. The Big Elephant in the Room: the Howard University Story - https://technical.ly/dc/2021/02/16/inclusive-innovation-labs-in3-howard-canceled/ Q5. CEO Group: what's the value and what have you learned - https://www.linkedin.com/in/toddbuterbaugh/ Conclusion: What do you envision for In3 and yourself? What have you learned as an entrepreneur you would share with upcoming entrepreneurs? Tell us about Aaron's path in the Tech world - Why Rahel calls him the Tech Guru and Veteran? #diversity #diversityandinclusion #tech #technology #podcast #blackpodcasts #blackpodcasters  #founders #startups #entrepreneur #thefutureiswrittenincode

Quick Intro To ReactJS ReactFire #2 - Query, Add & Delete Docs Testing With Firebase Emulator #reactjs​ #reactfire​ #firebase​ #createreactapp In part one, We set up the firebase project and connected it all to the firebase emulator for authentication and account creation all using reactfire. We will build the login screen and the home screen in this example. The starting point will be using a blank app generated with create-react-app In part two we are querying documents from firestore and setting up the created crud actions using the reactfire firebase hooks ReactFire - https://github.com/FirebaseExtended/reactfire ReactFire Overview - https://firebaseopensource.com/projects/firebaseextended/reactfire/ Firebase Emulator - https://firebase.google.com/docs/rules/emulator-setup Chapters 00:00 Introduction Part One - https://youtu.be/xOVqoVuY-5M Part Two - https://youtu.be/FoMbciaDMzY Part Three - https://youtu.be/YmHEzjglRMk 💥 Additional Content ----------------------------------- 🎓 Udemy Courses - https://www.udemy.com/user/aaronsaunders/ 🎓 Gumroad Courses/Content - https://www.gumroad.com/fiwic 💥 Social Media ------------------------- Twitter - https://twitter.com/aaronksaunders Facebook - https://www.facebook.com/ClearlyInnovativeInc Instagram - https://www.instagram.com/aaronksaunders/ Dev.to - https://dev.to/aaronksaunders 🌐 www.fiwic.com

Quick Intro To ReactJS ReactFire - Setup, Login, Logout And Testing With Firebase Emulator #reactjs #reactfire #firebase #createreactapp We set up the firebase project and connected it all to the firebase emulator for authentication and account creation all using reactfire. We will build the login screen and the home screen in this example. The starting point will be using a blank app generated with create-react-app ReactFire - https://github.com/FirebaseExtended/reactfire ReactFire Overview - https://firebaseopensource.com/projects/firebaseextended/reactfire/ Firebase Emulator - https://firebase.google.com/docs/rules/emulator-setup Chapters 00:00 Introduction 00:53 Getting the Firebase Emulator Going For Project 03:35 Moving On To ReactJS Project 06:32 Configuring Firebase to Work with Emulator for Auth and or Firestore 10:10 Adding ReactFire functionality to App 13:30 Adding Login Screen 18:00 Adding Test User to Firebase Emulator 18:30 Testing User 19:30 Adding Home Page to Show Authenticated User 21:08 Adding Logout To the Home Page 22:00 Wrap-up and Overview of what we Accomplished Part One - https://youtu.be/xOVqoVuY-5M Part Two - https://youtu.be/FoMbciaDMzY Part Three - https://youtu.be/YmHEzjglRMk 💥 Additional Content ----------------------------------- 🎓 Udemy Courses - https://www.udemy.com/user/aaronsaunders/ 🎓 Gumroad Courses/Content - https://www.gumroad.com/fiwic 💥 Social Media ------------------------- Twitter - https://twitter.com/aaronksaunders Facebook - https://www.facebook.com/ClearlyInnovativeInc Instagram - https://www.instagram.com/aaronksaunders/ Dev.to - https://dev.to/aaronksaunders 🌐 www.fiwic.com

Part Two: Ionic VueJS - Introduction to Strapi As HeadlessCMS for Mobile App, Authentication, and Registration #ionic #vue #strapi Strapi.io - Strapi is the leading open-source headless CMS. It’s 100% Javascript, fully customizable, and developer-first. - www.strapi.io The video walks through creating a user and logging in a user using Strapi Headless CMS in an Ionic Framework VueJS Application Part 1 - https://youtu.be/82Z7Ojsm8NQ Part 2 - https://youtu.be/qvk5F9kWTpI 💥 Chapters 00:00 Intro 00:53 CRUD Application reference, that's where log in a create account screens are from 01:18 Starting the code with App Overview 02:22 Creating the Login Page 09:18 Integrating the Strapi API For Login 13:39 Testing the Login Page 17:07 Strapi documentation for user registration 18:02 Creating the Create Account Page 25:05 Integrating the Strapi API For Registration / Create Account 27:40 Testing the Create Account Page 29:27 Wrap Up Ionic VueJS: https://ionicframework.com/vue Previous Video: https://www.youtube.com/watch?v=82Z7Ojsm8NQ Source Code: 💥 Additional Content ----------------------------------- 🎓 Udemy Courses - https://www.udemy.com/user/aaronsaunders/ 🎓 Gumroad Courses/Content - https://www.gumroad.com/fiwic 💥 Social Media ------------------------- Twitter - https://twitter.com/aaronksaunders Facebook - https://www.facebook.com/ClearlyInnovativeInc Instagram - https://www.instagram.com/aaronksaunders/ Dev.to - https://dev.to/aaronksaunders 🌐 www.fiwic.com

VueJS Form Validation and Nested Field Arrays/Dynamic Form Fields with Vee-validate #vuejs #validation #ionic We build out the code in plain vue3 and the second half of the video is about porting the solution to Ionic Framework Vue JS VeeValidate: https://vee-validate.logaretm.com/v4/ Ionic VueJS: https://ionicframework.com/vue Previous Video: https://www.youtube.com/watch?v=iUN357fOUN0&feature=youtu.be Previous Blog Post: https://dev.to/aaronksaunders/using-vue3-and-veevalidate-for-forms-and-form-validation-11ee Source Code: https://codesandbox.io/s/frosty-microservice-72o2s?file=/src/App.vue CHAPTERS 00:00 - Introduction, Overview, No Ionic 00:42 - What we are building 03:40 - Configuring VeeValidate Imports 05:00 - Adding Form to Page 05:57 - Adding Field To Form 07:00 - Adding handleSubmit function 08:23 - Adding the validation function from VeeValidate 11:00 - Adding file field array to the form 15:41 - Testing that the field array entries are added 17:41 - Ability to remove the entries from the field array 21:15 - Testing removing entries 23:50 - ## IONIC STARTS HERE ## 24:09 - Add basic dependencies and styles for Ionic 28:30 - Modifying The Form, 34:30 - Displaying Error Messages using VeeValidate Component 38:12 - Displaying errors for field Array 42:48 - Wrap-up 🔥 Additional Content ----------------------------------- 🎓 Udemy Courses - https://www.udemy.com/user/aaronsaunders/ 🎓 Gumroad Courses/Content - https://www.gumroad.com/fiwic 🔥 Social Media ------------------------- Twitter - https://twitter.com/aaronksaunders Facebook - https://www.facebook.com/ClearlyInnovativeInc Instagram - https://www.instagram.com/aaronksaunders/ Dev.to - https://dev.to/aaronksaunders 🌐 www.fiwic.com #forms #formvalidation #formvalidation vue dynamic form fields dynamic form fields field arrays in vue js vue form validation tutorial vue form field array tutorial

COURSE PREVIEW - More information on Gumroad - https://gumroad.com/l/SLBfe VUE SQLITE COURSE UDEMY - https://www.udemy.com/course/ionic-framework-with-vuejs-build-a-crud-app-using-sqlite/?referralCode=FDD5FD30775C82B6C8A0 #ionic #vue #sqlite Part 1: https://youtu.be/iGmPVSClA_8 Part 2: https://youtu.be/jIgn-OCzfK8 Part 3: https://youtu.be/c-RIL90S5_A Part 4: https://youtu.be/T-ljE-bXn9E 🎓 Udemy Courses - https://www.udemy.com/user/aaronsaunders/ 🎓 Gumroad Courses/Content - https://www.gumroad.com/fiwic 🔥 PREVIEW PLAYLIST - https://www.youtube.com/playlist?list=PL2PY2-9rsgl1diq5FhOpBCie5h7Xd79BL 🔥 Social Media Twitter - https://twitter.com/aaronksaunders Facebook - https://www.facebook.com/ClearlyInnovativeInc Instagram - https://www.instagram.com/aaronksaunders/ Dev.to - https://dev.to/aaronksaunders 🌐 www.fiwic.com

COURSE PREVIEW - More information on Gumroad - https://gumroad.com/l/SLBfe VUE SQLITE COURSE UDEMY - https://www.udemy.com/course/ionic-framework-with-vuejs-build-a-crud-app-using-sqlite/?referralCode=FDD5FD30775C82B6C8A0 #ionic #vue #sqlite Part 1: https://youtu.be/iGmPVSClA_8 Part 2: https://youtu.be/jIgn-OCzfK8 Part 3: https://youtu.be/c-RIL90S5_A Part 4: https://youtu.be/T-ljE-bXn9E 🎓 Udemy Courses - https://www.udemy.com/user/aaronsaunders/ 🎓 Gumroad Courses/Content - https://www.gumroad.com/fiwic 🔥 PREVIEW PLAYLIST - https://www.youtube.com/playlist?list=PL2PY2-9rsgl1diq5FhOpBCie5h7Xd79BL 🔥 Social Media Twitter - https://twitter.com/aaronksaunders Facebook - https://www.facebook.com/ClearlyInnovativeInc Instagram - https://www.instagram.com/aaronksaunders/ Dev.to - https://dev.to/aaronksaunders 🌐 www.fiwic.com

COURSE PREVIEW - More information on Gumroad - https://gumroad.com/l/SLBfe #ionic #vue #sqlite VUE SQLITE COURSE UDEMY - https://www.udemy.com/course/ionic-framework-with-vuejs-build-a-crud-app-using-sqlite/?referralCode=FDD5FD30775C82B6C8A0 Part 1: https://youtu.be/iGmPVSClA_8 Part 2: https://youtu.be/jIgn-OCzfK8 Part 3: https://youtu.be/c-RIL90S5_A Part 4: https://youtu.be/T-ljE-bXn9E 🎓 Udemy Courses - https://www.udemy.com/user/aaronsaunders/ 🎓 Gumroad Courses/Content - https://www.gumroad.com/fiwic 🔥 PREVIEW PLAYLIST - https://www.youtube.com/playlist?list=PL2PY2-9rsgl1diq5FhOpBCie5h7Xd79BL 🔥 Social Media Twitter - https://twitter.com/aaronksaunders Facebook - https://www.facebook.com/ClearlyInnovativeInc Instagram - https://www.instagram.com/aaronksaunders/ Dev.to - https://dev.to/aaronksaunders 🌐 www.fiwic.com