Autocomplete With Mongoose - MongoDB, Nodejs, NextJS, MaterialUI
Here's a video on how you can implement autocomplete with mongoose, mongodb, nodejs, nextjs, and material ui. This video was inspired by a comment left on my prior video, which goes more in depth on the process.
In this video you'll learn how you can login and register users into your React Native app using Facebook. On the back end, we will be using Golang and we will be storing user data in a PostgreSQL Database. This is part 9 in the Apartments.com clone series.
Github:
App: https://github.com/JeremyPersing/apartmentsclone
Server: https://github.com/JeremyPersing/apartmentscloneserver
Expo Documentation: https://docs.expo.dev/versions/latest/sdk/auth-session/
https://docs.expo.dev/guides/authentication/#facebook
00:00 - 00:23 Intro
00:24 - 02:19 Creating Your App on Facebook
02:20 - 02:35 Installing Dependencies
02:36 - 04:26 Starting on Implementing Sign Up in the App
04:27 - 04:58 Making a Request to Facebook using our Access Token
04:59 - 11:08 Registering or Logging in Users on Your Server
11:09 - 14:59 Registering and Logging in Users in Your App
...
https://www.youtube.com/watch?v=m9mfrUA2DIk
It seems that tutorials of the past, and even past documentation, do not show an easy and effective way to integrate Firebase authentication with Expo. In this video I give an easy solution on how to tell if a user is logged in or not using Firebase authentication and expo router.
GitHub: https://github.com/JeremyPersing/firebase-expo-auth-tutorial
Links:
https://revesta.net
https://jeremypersing.com
...
https://www.youtube.com/watch?v=65xV2wnG1gk
In this video you will create the Pricing and Floor Plan Section of the Property Details Screen.
Github: https://github.com/JeremyPersing/apartmentsclone
...
https://www.youtube.com/watch?v=XOmNhpN8Im8
In this episode we will go over how to display properties on a map. To do this, we will be using React Native Maps.
GitHub: https://github.com/JeremyPersing/apartmentsclone
00:00 - 00:15 Intro
00:16 - 02:55 Start Building the Map Component
02:56 - 05:07 Creating the Map Marker Component
05:08 - 06:35 Changing Property Objects
06:36 - 13:40 Continue Building Map Component
13:41 - 13:55 Demo
13:56 - 16:05 Changes to Card & Map
16:06 - 16:37 Demo
16:38 - 21:18 Deselect a Property
21:19 - 22:00 Demo
Tags: React Native, TypeScript, Maps, IOS, Apple Maps, Google Maps, Android, Expo, Apartments.com, Tutorial, Coding, Learning to Code
...
https://www.youtube.com/watch?v=077E_HsK4FM
Github: https://github.com/JeremyPersing/apartmentsclone
Learn how to build out the Formik forms for altering units on a property within the application.
...
https://www.youtube.com/watch?v=33GjQNiVhd0
A lot of apps that display images often allow users to scroll horizontally across these and will display their place within that list of images. This is what I refer to as a carousel slider. I looked online and found libraries to solutions, but they didn't work as I had wanted them to. Fortunately, I found a video that showed how to do this with zero dependencies, but they didn't include all of the features that I wanted. So I thought I'd show you guys how to create a carousel slider that allows users to interact with it in more ways than just sliding left and right.
* It should be noted that in the video I use the component "ReactView" for the component "View" that can be imported from React Native.
(ie import {View as ReactView} from "react-native";)
I did this because I have a local component called View in my project and don't want to mix up the local View component and the View component from react native.
Timestamps:
0:00 - 0:28 - Intro
0:29 - 0:40 - Shout out
0:41 - 3:12 - Configuring the FlatList
3:13 - 3:20 - Progress Check - FlatList
3:21 - 4:15 - Pagination Component
4:16 - 4:22 - Progress Check - Pagination
4:23 - 5:31 - Number Your Images
5:32 - 5:42 - Progress Check - Numbers
5:43 - 8:35 - Back Button & Rating Display
8:38 - 9:01 - Final Product on iPhone & Android
...
https://www.youtube.com/watch?v=3DwQf6A49pw
TLDW: What worked for me was add www.serverdomain to the list of server names. Deleting the ipv6only flag also worked, but it didn't redirect me to use https.
...
https://www.youtube.com/watch?v=dYgjud2hOQg