Recently I was working on a project and I wanted users to be able to get into contact with me if they wanted adjustments to be made to the site. My initial idea was to add a database and implement a trigger to notify me whenever a new comment gets made. However, that seemed like overkill and I would have been using email to notify myself anyways, so I decided to go with an email solution. This shows the solution that I implemented for that. ... https://www.youtube.com/watch?v=4CGN9Xh7Y8k
Tutorial on how you can add payments into your application in minutes.
Links:
Nextjs: https://nextjs.org/docs/getting-started/installation
Stripe CLI: https://stripe.com/docs/stripe-cli
Stripe register a webhook: https://stripe.com/docs/development/dashboard/register-webhook
Github: https://github.com/JeremyPersing/stripe-next-payments
Timestamps
00:00 - 0:21 Intro
00:22 - 2:21 Creating Nextjs project
2:22 -4:17 Creating a payment link
4:18 -5:51 Implement payment link
5:52 -10:14 Create webhook endpoint
10:15 - 11:07 Testing
11:08 - 12:14 How to go live
...
https://www.youtube.com/watch?v=uQAf6huBIks
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
In this video we'll be creating the Account Screen and the Saved Screen.
GitHub: https://github.com/JeremyPersing/apartmentsclone
00:00 - 00:16 Intro
00:17 - 04:34 Begin Creating the Saved Screen
04:35 - 04:55 Adding More Lotties to the Project
04:56 - 08:40 Continue Creating the Saved Screen
08:41 - 09:51 Creating SignUpAndSignInButtons Component
09:52 - 16:10 Finish Creating the Saved Screen
16:11 - 20:42 Begin Creating the Account Screen
20:43 - 24:23 Creating the ButtonList Component
24:24 - 28:13 Finish Creating the Account Screen
...
https://www.youtube.com/watch?v=LIMw5yI7LeU
In this video you'll learn how to login and register a user into your app.
GitHub: https://github.com/JeremyPersing/adosus-server
...
https://www.youtube.com/watch?v=q-stN4nZoxc
In this video we will be creating screens for signing in, signing up, forgot password, and resetting a password. You will also learn how to use Formik and Yup to handle forms and validation. Along with this, you'll learn how you can change an svg into a React Native component.
GitHub: https://github.com/JeremyPersing/apartmentsclone
Websites used:
https://transform.tools/svg-to-react-native
https://www.svgrepo.com/
00:00 - 00:21 Intro
00:22 - 08:43 Creating the Initial Screens
08:44 - 17:17 Creating Google, Apple, and Facebook Buttons
17:18 - 19:05 Imports for Sign In Screen
19:06 - 22:09 Creating the PasswordInput Component
22:10 - 27:54 Continue Creating Sign In Screen
27:55 - 31:43 Finish Creating the Sign In Screen
31:44 - 36:34 Create Forgot Password Screen
36:35 - 42:53 Create Sign Up Screen
42:54 - 47:43 Create Reset Password Screen
47:44 - 48:19 Outro
...
https://www.youtube.com/watch?v=dTCw4TinkyY
In this video I go through 2 different ways to conditionally render visuals in Power BI. The first way is by inserting an item and making that item transparent when your condition is met. The second way is by using bookmarks.
Timestamps:
0:00 - 0:36 - Intro
0:37 - 2:36 - Method 1
2:37 - 4:24 - Method 2
...
https://www.youtube.com/watch?v=5GVLhRihSBk
Here's an overview of the tech that I used to create revesta.net and the process that led me to building it.
...
https://www.youtube.com/watch?v=M8t7-2uVgiE
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
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.
Link to that video: https://www.youtube.com/watch?v=_ayP3rSec54.
Link to GitHub repo: https://github.com/JeremyPersing/mongoose-autocomplete/tree/master
Timestamps:
0:00 - 0:15 Intro
0:16 - 3:45 Knowledge
3:47 - 4:56 Testing & Outro
...
https://www.youtube.com/watch?v=ySQBeylauXg