- 29
- 450 423
Marina Kim
Kazakhstan
Приєднався 8 бер 2020
Hi there! My name is Marina and I make tutorials on webdev, data analytics, automations and other techy stuff 🥸
Part 2: Implementing Push Notifications in React Native App for production
#reactnative #reactnativetutorial #mobiledevelopment
In this tutorial we will continue to implement push notifications in a React Native application built with Expo. Though we will do it for the development and production build. We will also build both iOS and Android apps and install them on the phones to test the push notifications functionality.
tiktok: @marina_webdev
instagram: @marina_webdev
github repo: github.com/marinakim44/rn-push-notifications
part 1 tutorial: ua-cam.com/video/xK2ImAUsXDw/v-deo.htmlsi=nBEv3luwrktyb7lY
In this tutorial we will continue to implement push notifications in a React Native application built with Expo. Though we will do it for the development and production build. We will also build both iOS and Android apps and install them on the phones to test the push notifications functionality.
tiktok: @marina_webdev
instagram: @marina_webdev
github repo: github.com/marinakim44/rn-push-notifications
part 1 tutorial: ua-cam.com/video/xK2ImAUsXDw/v-deo.htmlsi=nBEv3luwrktyb7lY
Переглядів: 8 829
Відео
Part1: Implementing Push Notifications in Expo React Native App
Переглядів 12 тис.Рік тому
#reactnative #reactnativetutorial #mobiledevelopment Hi guys! I've been enjoying React Native for a while now and today I'm going to show you how to implement push notifications from scratch in an Expo React Native application for using in Expo Go. Remember, using push notifications in Expo Go differs from using them in an internal distribution build or in production, so stay tuned for my futur...
Deploy MERN app to Azure App Service | Step-by-step tutorial
Переглядів 15 тис.Рік тому
#mernstack #azure #webdevelopment Hi guys! Hope you're excited to learn how to deploy MERN app to Azure App Service in. 10simple steps. The tutorial assumes that you already have a Microsoft Azure account which comes with a default subscription. Useful links: - github repo github.com/marinakim44/mern-azure-tutorial - connect on LinkedIn www.linkedin.com/in/marinawebdev - Follow on Instagram ins...
Trying ChatGPT for the first time
Переглядів 2,1 тис.2 роки тому
#chatgpt #chatgpt3 Hi guys, sorry this is not a tutorial. We just waited for so long to try it out, because we wanted to record our first experience with chatgpt. But it actually gave me an idea to actually try and develop some MERN project using it =) Nothing more to add here, follow me on Instagram @marina_webdev
Deploying MERN app to Heroku | Step by step guideline
Переглядів 8 тис.2 роки тому
#webdevelopment #heroku #mernstack Hi you guys! In this video we'll deploy a full-stack MERN app that we've built in the previous tutorial to Heroku! Isn't this exciting. Nothing more to add here, follow me on Instagram @marina_webdev I've got also TikTok now but it's in Russian so.. not sharing yet =) Here is a link to github repo: github.com/marinamuse44/mern-app-deployed
Building a fullstack web app | CRUD MERN tutorial
Переглядів 25 тис.2 роки тому
#javascript #fullstack #mernstack Hi you guys =) In this video we will build a fullstack web application using MERN stack (MongoDB, Express js, React js, Node js). We will cover all CRUD operations (Create, Read, Update, Delete). Hope you'll like it! Follow me on instagram @marina_webdev Check out my created NFTs: opensea.io/assets/ethereum/0x495f947276749ce646f68ac8c248420045cb7b5e/19077317449...
Build Bar Chart in React using React-Chartjs-2
Переглядів 6 тис.2 роки тому
#reactjs #chartjs #nodejs #javascript What's up you guys! Hope you're all safe and healthy =) In this video we will build a bar chart in React using react-chartjs-2 npm package and we will send the data for the chart from our Node js / Express server using an API route and fetch Hope you will like and enjoy. Here's a git repo: github.com/marinakim44/charts Follow me on Instagram: ...
Pass Data From MongoDB to React Modal | MERN Tutorial
Переглядів 7 тис.2 роки тому
#reactjs #nodejs #javascripttutorial Hey guys! Today we are going to build quite an ugly app but we will: 1) create data and save to MongoDB Atlas 2) pass this data from Node js to React frontend 3) Render the data via Bootstrap Modal Hope you'll enjoy it! here's a git repo: github.com/marinakim44/mern-img-modal Follow me on Instagram for more content: marina_webdev
My 2 favorite Object methods | JavaScript tutorial
Переглядів 1,2 тис.3 роки тому
#javascript #javascriptdeveloper #javascripttutorial Hi guys =) In this video I'm sharing with you my most useful and favorite JS Object methods - Object.keys() and Object.entries(). Hope you will enjoy it and subscribe to my channel. Oh you can also follow me on instagram: marina_webdev
Google Sheets | Multiple Dynamic Dropdowns
Переглядів 5653 роки тому
#googlesheets #dynamicdropdown Hey there everybody =) Sorry i've not been publishing anything, real sorry, I figured I can't manage my current job with content creation but hey.. let's stay optimistic. In this very short video I'm gonna show you a cool trick I learnt in Google Sheets on how to make multiple dynamic dropdowns! Hope you enjoy it. Follow me on instagram: marina_webdev
CRUD Operations: MERN Stack Tutorial
Переглядів 13 тис.3 роки тому
#mern #webdev #crud Hey guys! Sorry I've not been publishing since December 2020. I got a new super interesting and challenging job in a great company doing data analytics and automations. So have not been practicing webdev for quite some time, but decided not to edit so much this video, this is the real development process lol. In this video we build CRUD functionalities on MERN stack applicat...
Completing my 100 Days Of Code Challenge
Переглядів 2,2 тис.4 роки тому
#100DaysOfCode #becomingdeveloper #webdevelopment Hi there! Copying the message from LinkedIn: On 12 August 2020 I have embraced a new goal to change career and become a web developer. Starting #100DaysOfCode challenge with zero programming experience, having studied for 12-14 hours per day, here we are on Day 100 of 100. I can attest that this challenge, combined with digital marketing studies...
Get Data From MongoDB Atlas to HTML using EJS
Переглядів 40 тис.4 роки тому
Get Data From MongoDB Atlas to HTML using EJS
MongoDB Aggregation Lookup - Left Outer Join || MERN Tutorial
Переглядів 5 тис.4 роки тому
MongoDB Aggregation Lookup - Left Outer Join || MERN Tutorial
All-In-One: Build and Deploy MERN App to Heroku | Free and Easy | MERN Tutorial
Переглядів 9 тис.4 роки тому
All-In-One: Build and Deploy MERN App to Heroku | Free and Easy | MERN Tutorial
REACT: useContext Method | JavaScript Tutorial
Переглядів 1,7 тис.4 роки тому
REACT: useContext Method | JavaScript Tutorial
Post From HTML Form To MongoDB Atlas | Javascript Tutorial
Переглядів 60 тис.4 роки тому
Post From HTML Form To MongoDB Atlas | Javascript Tutorial
Pass data between React UI and MongoDB Atlas | MERN Tutorial
Переглядів 57 тис.4 роки тому
Pass data between React UI and MongoDB Atlas | MERN Tutorial
Connecting React Frontend To Express Backend || JavaScript Tutorial
Переглядів 71 тис.4 роки тому
Connecting React Frontend To Express Backend || JavaScript Tutorial
HOW TO: Implement Facebook Login OAuth in Web App || Passport-Facebook Npm
Переглядів 42 тис.4 роки тому
HOW TO: Implement Facebook Login OAuth in Web App || Passport-Facebook Npm
HOW TO: Connect Your App To Cloud Database || MongoDB Atlas
Переглядів 40 тис.4 роки тому
HOW TO: Connect Your App To Cloud Database || MongoDB Atlas
TUTORIAL: End-User Computing | Risks & Controls | Information Systems Audit
Переглядів 11 тис.4 роки тому
TUTORIAL: End-User Computing | Risks & Controls | Information Systems Audit
DLP | Data Leak Prevention Technology | Risks & Controls
Переглядів 8154 роки тому
DLP | Data Leak Prevention Technology | Risks & Controls
TUTORIAL: Cloud Computing Infrastructure | Risks and Controls | Information Systems Audit
Переглядів 4,4 тис.4 роки тому
TUTORIAL: Cloud Computing Infrastructure | Risks and Controls | Information Systems Audit
EXPLAINED: Advanced Encryption Standard Algorithm
Переглядів 7094 роки тому
EXPLAINED: Advanced Encryption Standard Algorithm
TUTORIAL: Auditing Information Systems | 3 TYPES OF INTERNAL CONTROLS
Переглядів 3,8 тис.4 роки тому
TUTORIAL: Auditing Information Systems | 3 TYPES OF INTERNAL CONTROLS
I used this and it works very well. The only problem is that it doesn't recognise the css file linked to the html page. How do I fix this?
Amazing video, can you explain same with mysql
thank you so much. it worked, exactly what i needed!! so clear and concise!!
If push notifications work on development build, it will also work in production right? Because I built an apk and it stopped working
br?
Helped me a lot in my project thank you
Thanks for the video. Although the recording is 4 years old, it is still a great help.
English to Swahili dictionary
English to Swahili dictionary 😊
Did you need a VNET? or no?
:( Application Error If you are the application administrator, you can access the diagnostic resources.. Hi Karim .. what to do if this appears after clicking browse ??
Bad news update! You currently cannot test this on localhost for new Facebook developer applications. They require that you confirm your hosted domain and go through an approval process... You will find in some places that the solution is to create a role/Test User, but Facebook says "The ability to create test accounts is temporarily disabled." It appears that this disabling was due to a bug that they referenced in a community post, saying the bug would be fixed soon. That post was in early 2023... So as it stands, the only way to test an OpenID OAuth Facebook app in localhost is by adding another actual facebook user as a test user. Kinda dumb...
Thank you for your video . Succesful
Thanks for this! I hope this will work in my electron desktop application.
You don't look OK, you look perfect? 😉
Thank you 🎉🎉🎉
Awesome!! do you have an update video since the call back function on mongoose has been deprecated? Thanks!
Using cached version of deployment script (command: 'azure -y --no-dot-deployment -r "C:\home\site epository" -o "C:\home\site\deployments\tools" --node --sitePath "C:\home\site epository"'). Log Details Commit ID: a140980b88ae1d1d48832948062c3ea60a5e8a03 9:15:17 PM Updating submodules. 9:15:17 PM Preparing deployment for commit id 'a140980b88'. 9:15:17 PM Generating deployment script. Show Logs... 9:15:17 PM Running deployment command... Show Logs... 9:15:22 PM Deployment Failed. Command: "C:\home\site\deployments\tools\deploy.cmd" Handling node.js deployment. Creating app_offline.htm KuduSync.NET from: 'C:\home\site epository' to: 'C:\home\site\wwwroot' Copying file: 'server.js' Copying file: 'frontend\index.html' Copying file: 'frontend\src\App.css' Copying file: 'frontend\src\App.jsx' Copying file: 'frontend\src\index.css' Copying file: 'frontend\src\assets eact.svg' Copying file: 'frontend\src\components\ChatPage.jsx' Copying file: 'frontend\src\components\MessageAi.jsx' Copying file: 'frontend\src\components\MessageUser.jsx' Deleting app_offline.htm AppInsightsAgent: Successfully loaded ETW AppInsightsAgent ETWLogger Application Insights was started succesfully. Using start-up script server.js from package.json. Generated web.config. The package.json file does not specify node.js engine version constraints. The node.js application will run with the default node.js version 18.19.1. Selected npm version 10.2.4 AppInsightsAgent: Successfully loaded ETW AppInsightsAgent ETWLogger Application Insights was started succesfully. npm WARN config production Use `--omit=dev` instead. npm ERR! code EPERM npm ERR! syscall symlink npm ERR! path C:\home\site\wwwroot Failed exitCode=-4048, command="C:\Program Files (x86) odejs\18.19.1 ode.exe" "C:\Program Files (x86) pm\10.2.4 ode_modules pm\bin pm-cli.js" install --production npm ERR! dest C:\home\site\wwwroot ode_modules\backend An error has occurred during web site deployment. npm ERR! errno -4048 npm ERR! Error: EPERM: operation not permitted, symlink 'C:\home\site\wwwroot' -> 'C:\home\site\wwwroot ode_modules\backend' npm ERR! [Error: EPERM: operation not permitted, symlink 'C:\home\site\wwwroot' -> 'C:\home\site\wwwroot ode_modules\backend'] { npm ERR! errno: -4048, npm ERR! code: 'EPERM', npm ERR! syscall: 'symlink', npm ERR! path: 'C:\\home\\site\\wwwroot', npm ERR! dest: 'C:\\home\\site\\wwwroot\ ode_modules\\backend' npm ERR! } npm ERR! npm ERR! The operation was rejected by your operating system. npm ERR! It's possible that the file was already in use (by a text editor or antivirus), npm ERR! or that you lack permissions to access it. npm ERR! npm ERR! If you believe this might be a permissions issue, please double-check the npm ERR! permissions of the file and its containing directories, or try running npm ERR! the command again as root/Administrator. npm ERR! A complete log of this run can be found in: C:\local\LocalAppData pm-cache\_logs\2024-09-04T15_45_20_666Z-debug-0.log npm WARN config production Use `--omit=dev` instead. npm ERR! code EPERM npm ERR! syscall symlink npm ERR! path C:\home\site\wwwroot npm ERR! dest C:\home\site\wwwroot ode_modules\backend npm ERR! errno -4048 npm ERR! Error: EPERM: operation not permitted, symlink 'C:\home\site\wwwroot' -> 'C:\home\site\wwwroot ode_modules\backend' npm ERR! [Error: EPERM: operation not permitted, symlink 'C:\home\site\wwwroot' -> 'C:\home\site\wwwroot ode_modules\backend'] { npm ERR! errno: -4048, npm ERR! code: 'EPERM', npm ERR! syscall: 'symlink', npm ERR! path: 'C:\\home\\site\\wwwroot', npm ERR! dest: 'C:\\home\\site\\wwwroot\ ode_modules\\backend' npm ERR! } npm ERR! npm ERR! The operation was rejected by your operating system. npm ERR! It's possible that the file was already in use (by a text editor or antivirus), npm ERR! or that you lack permissions to access it. npm ERR! npm ERR! If you believe this might be a permissions issue, please double-check the npm ERR! permissions of the file and its containing directories, or try running npm ERR! the command again as root/Administrator. npm ERR! A complete log of this run can be found in: C:\local\LocalAppData pm-cache\_logs\2024-09-04T15_45_20_666Z-debug-0.log C:\Program Files (x86)\SiteExtensions\Kudu\102.100729.001\bin\Scripts\starter.cmd "C:\home\site\deployments\tools\deploy.cmd" this is the issue i am facing and the deployment is failing , please help
🥰 A big thank you! From Brazil! Congratulations, perfect, I was looking for it for weeks, it was resolved in minutes!
thanks
Do you know why notifications are not visible when the application is in the foreground?
i thing you missed this content from push notification, in depth push notification to make an action buttons text inputs, mark as read or some other options this is big challenge to create at react native or expo-push-notifications
I can not receive notification where the app is on foreground
great , super and short " KEEP IT UP"
u r a fkin savior
thank you marina. I did not see this tutorial in other youtube channels at all. thank you❤
Plz upload with the new documetation
plz upload the push notification with new documentation
👌
Hi I have tried and when I click the notification my Expo go closed automatically