Full Stack React Native: Advanced & Practical Projects

Focused View

Niraj Dhungana

24:24:26

9 View

1. Introduction

1. How to setup.mp4

00:54

2. What do I need Mac or Windows.mp4

00:38

3. TypeScript.html

4. Incase you Dont Know.mp4

01:00

5. Project Setup.mp4

05:01

6. npm init.mp4

05:35

7. ts config.mp4

14:28

8. Basic Express Server.mp4

09:25

9. Post Request & Reading Incoming Data.mp4

07:32

10. Middleware Function.mp4

09:29

11. Auth Route.mp4

09:33

12. Sign up Part 1.mp4

05:17

13. Connecting to Database.mp4

05:11

14. Sign up Part 2.mp4

12:10

15. Sign up Part 3.mp4

04:48

16. Sign up Part 4.mp4

05:22

17. Password & Token Hash.mp4

10:26

18. Adding Types.mp4

04:25

19. Sending Email.mp4

06:53

2. Error Handling & Validation

1. Refactoring Error Response.mp4

02:41

2. Automate Error Handling.mp4

07:27

3. Proper Data Validation.mp4

11:29

4. Genuine Email & Strong Password.mp4

05:59

3. Verification & Authorization

1. Verifying Email.mp4

11:44

2. Custom Validation Schema.mp4

02:20

3. Sign in with Refresh Token Rotation.mp4

11:28

4. Verifying Access Token (isAuth).mp4

13:25

5. Customizing Request Type.mp4

01:28

6. Verification UI.mp4

06:25

7. Sending Verification Request.mp4

12:32

8. Re-generating Verification Link.mp4

09:49

9. Refresh Token.mp4

15:30

10. Sign out.mp4

05:21

11. Environment Variable.mp4

07:37

12. Forget Password Link.mp4

10:22

13. Validate Password Reset Token API.mp4

08:22

14. Is Password Reset Token Valid.mp4

04:11

15. Resetting Password (API).mp4

08:31

16. Update Password Front End.mp4

13:04

17. Update Profile.mp4

07:43

4. File Upload

1. File Upload.mp4

13:56

2. File Parser Middleware.mp4

12:11

3. Uploading Image to Cloud.mp4

14:02

4. Resizing Profile Image.mp4

03:45

5. Getting Public Profile.mp4

04:09

5. Product API

1. Product Model.mp4

07:46

2. Automate with Chat GPT.mp4

04:26

3. New Product Validation.mp4

11:06

4. Creating New Product Part 1.mp4

07:51

5. Creating New Product Part 2.mp4

15:32

6. Validating Date.mp4

05:44

7. Product Update.mp4

13:32

8. Delete Product.mp4

06:01

9. Removing Single Product Image.mp4

13:15

10. Get Product Details.mp4

09:15

11. Get Products By Category Part 1.mp4

05:46

12. Get Products By Category Part 2.mp4

09:18

13. Pagination.mp4

06:42

14. Getting Latest Listings.mp4

09:40

6. Auth With React Native

1. Expo Project Setup.mp4

07:55

2. Using The Doc.mp4

06:02

3. Rendering Screens.mp4

12:55

4. Welcome Header Part 1.mp4

10:42

5. Welcome Header Part 2.mp4

07:16

6. Input Field.mp4

11:19

7. Input Focus Effect.mp4

02:51

8. Custom Button.mp4

06:19

9. The Divider.mp4

04:10

10. Navigation Link.mp4

03:38

11. Avoiding Keyboard.mp4

06:38

12. Avoiding Keyboard Component.mp4

02:26

13. Adding Navigation.mp4

11:34

14. Fixing Types.mp4

05:17

15. Capturing Input Change.mp4

06:51

16. Validating Form.mp4

08:32

17. Refactor Validator.mp4

06:47

18. Avoiding try catch.mp4

08:03

19. Rendering App Notification.mp4

09:03

20. Sign in.mp4

07:40

21. Refactor Axios Client.mp4

02:19

22. Sign in After Sign up.mp4

01:35

23. What After Sign in.mp4

03:29

24. State Management Library.mp4

07:13

25. Redux Toolkit Setup.mp4

15:08

26. Let me explain.mp4

08:26

27. Updating Redux State.mp4

05:41

28. Preserving Auth State.mp4

12:10

29. Loading Indicator.mp4

14:17

30. Custom useAuth hook.mp4

10:08

31. Forget Password.mp4

05:04

7. New Product

1. Tab Navigator.mp4

11:40

2. New Listing Form.mp4

08:33

3. Date Picker.mp4

06:13

4. Fixing Date Picker.mp4

08:05

5. Date Helper Function.mp4

06:05

6. Category Selector Part 1.mp4

13:55

7. Category Selector Part 2.mp4

09:34

8. Category Selector Button.mp4

02:50

9. Closing Modal.mp4

03:28

10. Finishing Form UI.mp4

03:18

11. Lets use Refresh Token.mp4

10:02

12. On Request Failed.mp4

14:42

13. IMPORTANT Fix.mp4

00:46

14. New Product Form State.mp4

08:05

15. Category Selector Little Fix.mp4

01:40

16. Selecting Images.mp4

10:09

17. Rendering Selected Images.mp4

07:42

18. Horizontal Image List.mp4

06:52

19. Removing Selected Images.mp4

08:04

20. New Product Validation.mp4

06:16

21. Creating New Product.mp4

15:21

8. Profile Page

1. Profile Page - Avatar View.mp4

10:56

2. Profile Page - Profile Info.mp4

04:47

3. Profile Page Options.mp4

09:47

4. Adding New Profile Screens.mp4

03:46

5. Sign out.mp4

08:16

6. Sign out Fix.mp4

10:21

7. Custom Header.mp4

07:07

8. Fetching Listings.mp4

05:53

9. Listing UI.mp4

07:56

10. Navigating with Params.mp4

05:43

11. Single Product UI.mp4

09:54

12. Image Slider.mp4

07:24

13. FlatList onViewableItemsChanged.mp4

06:58

14. Options UI.mp4

05:43

15. Product Menu Options.mp4

02:04

16. Removing Product.mp4

07:14

17. Pull to Refresh.mp4

04:55

18. Store For Listings.mp4

09:14

19. Chat Icon.mp4

04:24

9. Product Edit

1. Edit Product Page.mp4

10:37

2. Image Edit Options.mp4

04:58

3. Removing Single Image.mp4

07:37

4. Edit Product Form State.mp4

07:52

5. Removing Image Form UI.mp4

01:40

6. Category and Thumbnail Selection.mp4

07:04

7. Updating Product.mp4

09:21

8. Submitting Updated Info.mp4

05:05

9. Deep Equal.mp4

04:05

10. Update Profile

1. Updating Profile Name.mp4

09:18

2. Verification Link UI.mp4

12:05

3. Updating Profile Image.mp4

09:06

11. Home Page

1. Home Page UI.mp4

01:32

2. Chat Notification.mp4

06:43

3. Search Bar UI.mp4

03:19

4. Category List.mp4

06:31

5. Rendering Latest Products Part 1.mp4

08:10

6. Rendering Latest Products Part 2.mp4

07:02

7. Fetching Latest Products.mp4

05:19

8. Fetching Product Details.mp4

08:47

9. Fetching Product by Category.mp4

05:50

10. Empty View.mp4

05:12

11. Multi Column FlatList.mp4

06:57

12. Style For Odd LIst Items.mp4

02:59

12. Message

1. Socket IO.mp4

04:28

2. Setting up Socket IO.mp4

08:25

3. Socket Connection with Auth.mp4

11:56

4. Refreshing Token on Socket IO Error.mp4

12:24

5. The Plan to Handle Chat.mp4

04:15

6. Conversation Model.mp4

06:14

7. Getting or Creating New Conversation.mp4

10:58

8. Sending Request to Get Conversation.mp4

06:37

9. Animation on Fetching Chat Info.mp4

05:59

10. Gifted Chat.mp4

07:55

11. Chat Screen.mp4

04:04

12. The Callback Issue.mp4

03:47

13. Empty Message UI.mp4

04:57

13. Communication With Socket

1. Simple Communication Using Socket.mp4

08:33

2. Sending The Actual Message.mp4

11:01

3. Storing Messages to Database.mp4

11:02

4. New Conversation Store.mp4

11:11

5. Reading Conversation by ID.mp4

10:41

6. Updating UI on New Message.mp4

08:18

7. Fetching Old Chats.mp4

17:46

8. Getting Last Conversations Part 1.mp4

04:37

9. Getting Last Conversations Part 2.mp4

26:30

10. Lets Understand.mp4

07:38

11. Last Chats.mp4

08:27

12. Last Chats UI Part 1.mp4

06:54

13. Formatting Date.mp4

08:36

14. Last Chat UI Part 2.mp4

12:09

15. On Recent Chat Press.mp4

05:53

16. Message Indicator.mp4

05:38

17. Updating Viewed Property.mp4

10:05

14. The System Setup (MAC)

1. Node JS.mp4

01:29

2. Installing homebrew.mp4

01:06

3. Installing Mongodb.mp4

02:28

4. Running Mongodb.mp4

01:33

5. MongoDb Compass.mp4

01:03

6. Android Studio.mp4

07:01

7. Ruby.mp4

04:44

8. xCode.mp4

01:44

15. The System Setup (Windows)

1. Node JS.mp4

01:40

2. Installing Mongodb.mp4

02:27

3. Android Studio.mp4

18:22

Description

Unlock the Power of MERN Stack: React Native, Redux, Node.js, Express, Socket IO, MongoDB, Mailtrap & Cloudinary.

What You'll Learn?

Mastering React Native fundamentals and advanced techniques.
Implementing Redux for efficient state management in React Native applications.
Building robust APIs with Node js and Express.
Integrating real-time communication features using Socket IO
Leveraging MongoDB for database storage and management.
Understanding and implementing authentication and authorization mechanisms.
Optimizing media management with Cloudinary integration.
Utilizing Mailtrap for email testing and debugging purposes.
Deploying full stack applications to production environments.
Enhancing development workflow and productivity with best practices and industry-standard tools.

Who is this for?

Aspiring Full Stack Developers: If you're eager to master both frontend and backend development and become a proficient full stack developer, this course is tailor-made for you.

React Native Enthusiasts: Whether you're a beginner or an experienced React Native developer looking to expand your skill set, this course will provide you with valuable insights and advanced techniques.

Node js Developers: If you're familiar with Node js and want to explore how to integrate it with React Native for full stack development, this course will deepen your understanding and broaden your expertise.

Backend Developers: For developers who primarily focus on backend development and want to learn how to build robust APIs using Node js, Express, and MongoDB, this course offers a comprehensive introduction to frontend development with React Native.

What You Need to Know?

You should be comfortable working with JavaScript

You should know the basics of React JS

More details

Description
Are you a hands-on learner who thrives on practical application? If so, you're in the right place! Join us on an immersive journey as we construct a cutting-edge Full Stack Node.js and React Native Application, expertly divided into two comprehensive sections. We'll start by diving deep into the intricacies of APIs, equipping you with the knowledge and skills needed to construct a robust backend API from scratch. Harness the power of Node.js, Express, MongoDB, Cloudinary, Mailtrap, TypeScript, and an array of other essential tools, including yup and luxon.
Get ready to create a suite of top-tier features that will elevate your application to new heights, including:

Establishing a Refresh Token Authentication System to ensure secure user authentication.
Implementing Email Verification and Password Recovery mechanisms for enhanced account security.
Crafting various Routes and Methods to facilitate seamless interaction with your API.
Adding, Updating, Reading, and Removing Products with ease, empowering users to manage their inventory effortlessly.
Exploring advanced TypeScript concepts to enhance code clarity, maintainability, and scalability.
Fine-tuning Project Management skills to ensure efficient development and deployment processes.
Enabling Real-time Communication through Socket IO, fostering dynamic interactions between users in your application.
Implementing robust Data Validation techniques to maintain data integrity and enhance user experience.

But that's just the beginning! Our journey doesn't end with backend development. Once the API is up and running, we'll seamlessly transition to frontend development, where we'll craft a sleek and intuitive React Native App that operates seamlessly on both Android and iOS platforms. Whether you're a newcomer to React Native app development or a seasoned pro, you'll uncover a treasure trove of advanced techniques and insights that will take your skills to the next level.

Each feature we build will be accompanied by an intuitive and user-friendly UI, ensuring that users can effortlessly access and interact with all the functionalities our app has to offer.

With a hands-on approach and a focus on practical application, this course is designed to equip you with the skills and knowledge you need to succeed in the fast-paced world of full stack development. Enroll now and take the first step towards mastering Full Stack Node.js and React Native development!
Who this course is for:
Aspiring Full Stack Developers: If you're eager to master both frontend and backend development and become a proficient full stack developer, this course is tailor-made for you.
React Native Enthusiasts: Whether you're a beginner or an experienced React Native developer looking to expand your skill set, this course will provide you with valuable insights and advanced techniques.
Node js Developers: If you're familiar with Node js and want to explore how to integrate it with React Native for full stack development, this course will deepen your understanding and broaden your expertise.
Backend Developers: For developers who primarily focus on backend development and want to learn how to build robust APIs using Node js, Express, and MongoDB, this course offers a comprehensive introduction to frontend development with React Native.

User Reviews

Rating

average 0

Total votes0

Focused display

Android Development

iOS Development

React Native

Niraj Dhungana

Instructor's Courses

I am a full-stack software developer from India. I like to learn new thing all the time. According to my friends and other students whom I teach on YouTube, says that I can explain complex topics in easier way.That's why I'm here to share what I've got so far. I believe in practice so you will always find me doing practical experiments always.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.