Toppvideor | CashInVids – Watch Videos & Earn Money Online

Hem
Artiklar

Toppvideor

Hela tiden

I dag

Denna vecka

Den här månaden

Det här året

🔴 Let's build a Uber Clone with REACT NATIVE! (Navigation, Redux, Tailwind CSS, Google Autocomp 121gamers 16 Visningar • 2 år sedan

🚨 Join the world’s BEST developer community & course Zero to Full Stack Hero: https://www.papareact.com/course

🫂 Join my Community, "University of Code" for FREE: https://www.universityofcode.com

🔴 LOOKING FOR THE CODE? 🛠️
https://links.papareact.com/github

📩 Want coding problems (with solutions!) delivered to your inbox daily? https://www.papareact.com/dailycodingchallenges

---

The much-anticipated build is FINALLY HERE!
Join me as I build the UBER CLONE with REACT NATIVE (yes we're building for iOS & Android!), you'll learn how to do the following in this build:

👉 Use Tailwind CSS with RN for awesome styling!
👉 Use the Google Distance Matrix API to calculate Travel time and Distance (+ Cost!)
👉 Use the Directions Google API for real navigation!
👉 Use Google Places API for real navigation!
👉 Use apple & google maps for iOS & Android
👉 Use React Native Navigation to navigate between screens!
👉 Use React Native Elements to elevate your app design!
+ SO MUCH MORE!

🎙️ PODCAST
https://links.papareact.com/podcast

🌍 SOCIALS:
Instagram: https://links.papareact.com/instagram
Facebook: https://links.papareact.com/facebook
LinkedIn: https://links.papareact.com/linkedin
Twitter: https://links.papareact.com/twitter
Discord: https://links.papareact.com/discord
Newsletter: https://links.papareact.com/newsletter

❤️ SUPPORT
PAPAFAM Merch: https://links.papareact.com/merch
Donate: https://links.papareact.com/donate

🕐 TIMESTAMPS:
00:00 Introduction
01:00 Build Showcase
03:26 Build Explanation
08:59 Setting up Expo
14:57 Initialising the Build
23:33 Setting up and Implementing Redux
44:01 Building the HomeScreen Component
55:41 Building the NavOptions Component
1:14:44 Implementing React Native Navigation
1:27:13 Implementing Google Autocomplete Library
2:00:34 Building the MapScreen Component
2:04:27 Building the Map Component
2:17:04 Building the RideOptionsCard Component (1/2)
2:18:33 Building the NavigateCard Component (1/2)
2:29:06 Implementing the Directions API
2:38:06 Building the NavFavourites Component
2:46:25 Implementing Keyboard Avoiding View
2:50:34 Building the NavigateCard Component (2/2)
2:57:12 Building the RideOptionsCard Component (2/2)
3:17:38 Implementing the Travel Time Calculation
3:26:13 Implementing the Price Calculation
3:32:58 Building the Menu Button
3:35:32 Bug Fixing
3:36:42 Final Build Demo
3:40:45 Outro

DISCLAIMER: This Video is made for informational and educational purposes only. We do not own or affiliate with Uber and its subsidiaries in any form. Copyright Disclaimer Under section 107 of the Copyright Act 1976, allowance is made for “fair use” of this video for educational purposes.

#reactjs #reactnative #redux #tailwindcss #tailwind

Uber Eats Clone Exploring Next JS 13 for building Admin Portals #nextjs #microservices 121gamers 16 Visningar • 2 år sedan

Hi Everyone,
This Video is a part of the Playlist "Uber Eats Clone" Application and we are covering everything from ground zero to hero
Link https://www.youtube.com/watch?v=8-L8C5DxIiA&list=PLT5Jhb7lgSBMF7JqIV6OZZ9LYPGhqZjfS

This Video is all about looking into next js version 13
We will be exploring all new features provided by next js version 13

01:00 next js page routes and layouts
05:25 nextjs layouts and nested routes
06:59 grouping layouts for routes next js 13
12:00 link API in next js 13
13:20 suspense with fallback loading pages
14:50 error boundary next js 13
16:30 page-based API routes
17:36 quick recap nest js 13 feature overviews
19:00 app directory-based routing
20:00 client and server-side components
21:52 how SSR works data fetching in SSR
25:25 difference between server and client components
29:00 data fetching in server components
33:00 nested dashboard layouts
35:40 API routes using pages
42:30 server components and their usages
44:00 server components with data fetch
46:50 Streaming and Fetching in Server Components
49:10 asynchronous components with suspense hooks
50:00 de-duplicating fetch request caching
59:40 Streaming and Fetching in client Components
01:01:30 adding use hook in client components

In this video, I am talking about creating a baseline service with nestjs and postgres
we will be using docker to create containers and for the demo
we will build a simple node js microservice that will provide us auth API routes for login, register, and all user management operations

GitHub Link
https://github.com/tkssharma/uber-eats-clone-app Welcome to Uber eats clone App development
Let's build Uber Eats Clone App
we are going to build everything from ground zero using the latest technology and tools
We will build the most common features for any food delivery app

How UberEats Clone Script Works?

Find all food stores available at customer location.
Browse various menus and find a meal customer likes.
Pay money for your meal. Quick, Secure and Simple.
Food prepared and delivered to predefined address.

Tools and technologies we are going to user

- Architecture discussion
- different type of architecture
- lerna for monorepo
- github action for CI/CD
- sveltekit for dashboard app
- next js for end user application
- svelte kit for managing SSR using SvelteKit
- React and next js
- Nests with Node JS
- SQS and Kafka
- Twillio and sendGrid
- Microservices and service communication
- Express with Node JS and typescript
- Prisma and TypeORM for services
- Docker and containerization
- Mysql and Postgres with MongoDB

Github :
https://github.com/tkssharma/uber-eats-clone-app

build your own cloud 121gamers 16 Visningar • 2 år sedan

Now you can deploy and run your own hyper-secure file sharing platform, by downloading FileCloud’s Community Edition. Visit https://ntck.co/filecloud and download FileCloud Community Edition as a self-hosted solution, on your Windows or Linux servers or preferred IaaS provider (AWS, Azure). (no code required)

In this video, NetworkChuck will walk you through how to create your own cloud, either at home, on-prem or in the cloud! NetworkChuck demos the setup of FileCloud and Nextcloud, two excellent dropbox, google drive and microsoft one drive replacements. These are great options for both personal and business.

LINKS
---------------------------------------------------
FileCloud AWS: https://ntck.co/3CyTYz4
AWS IAM User Policy: https://ntck.co/3PkKPlj
FileCloud Docker install: https://ntck.co/3pckT0A
FileCloud Linux Install: https://ntck.co/42OypoM
NextCloud Install: https://ntck.co/44694HZ

🔥🔥Join the NetworkChuck Academy!: https://ntck.co/NCAcademy

**Sponsored by Filecloud

0:00 ⏩ Intro
1:43 ⏩ What do you need?
3:57 ⏩ What is FileCloud?
6:30 ⏩ the SETUP: FileCloud on AWS
12:44 ⏩ Amazon S3 Setup with FileCloud
23:30 ⏩ the SETUP: On-Prem FileCloud
28:43 ⏩ Adding an External Hard Drive to FileCloud
32:13 ⏩ Setting up a Domain Name and SSL for FileCloud
38:18 ⏩ Mounting a Remote Share in FileCloud
41:58 ⏩ the SETUP: NextCloud

SUPPORT NETWORKCHUCK
---------------------------------------------------
➡️NetworkChuck membership: https://ntck.co/Premium
☕☕ COFFEE and MERCH: https://ntck.co/coffee

Check out my new channel: https://ntck.co/ncclips

🆘🆘NEED HELP?? Join the Discord Server: https://discord.gg/networkchuck

STUDY WITH ME on Twitch: https://bit.ly/nc_twitch

READY TO LEARN??
---------------------------------------------------
-Learn Python: https://bit.ly/3rzZjzz
-Get your CCNA: https://bit.ly/nc-ccna

FOLLOW ME EVERYWHERE
---------------------------------------------------
Instagram: https://www.instagram.com/networkchuck/
Twitter: https://twitter.com/networkchuck
Facebook: https://www.facebook.com/NetworkChuck/
Join the Discord server: http://bit.ly/nc-discord

AFFILIATES & REFERRALS
---------------------------------------------------
(GEAR I USE...STUFF I RECOMMEND)
My network gear: https://geni.us/L6wyIUj
Amazon Affiliate Store: https://www.amazon.com/shop/networkchuck
Buy a Raspberry Pi: https://geni.us/aBeqAL
Do you want to know how I draw on the screen?? Go to https://ntck.co/EpicPen and use code NetworkChuck to get 20% off!!
fast and reliable unifi in the cloud: https://hostifi.com/?via=chuck

#filecloud #filesloution #nextcloud