Build a Full-stack Mobile App [MERN, React-Native, Node.js ]

Focused View

Stanislav Kadyrov

12:59:46

23 View

1. Introduction

1. Introduction.mp4

08:57

2. Lets setup Environment.mp4

03:19

3. App Architecture Overview.mp4

03:49

2. Build a Server Side

1. Server initialization.mp4

07:25

2. Server Structure.mp4

08:16

3. Authentication routes.mp4

10:10

4. Record Routes.mp4

07:46

5. Start with using Postman.mp4

10:31

6. Install New npm Packages.mp4

03:21

7. Start With Database. MongoDB..mp4

10:08

8. Connect to MongoDb.mp4

09:41

9. Authentication Section on Server. SignUp controller..mp4

06:55

10. Authentication Section on Server. Check User Uniqueness..mp4

06:59

11. Authentication Section on Server. Create New User..mp4

10:09

12. Authentication Section on Server. Start with SignIn..mp4

16:29

13. Routes Guarding.mp4

14:41

14. Start with Records Controllers..mp4

07:52

15. Handle Create New Record(1st Part)..mp4

08:53

16. Handle Create New Record(2nd Part)..mp4

11:24

17. End with Server. Testing..mp4

02:51

3. Build a Client Side with React Native

1. Intro to Client Side.mp4

01:54

2. Expo overview.mp4

05:27

3. Start Expo Project.mp4

03:54

4. Auth Screens Design Overview.mp4

01:48

5. Implementing Frist Screens.mp4

14:46

6. Auth Screens Logic Overview.mp4

02:30

7. SignUp Screen.mp4

20:14

8. SignUp Screen Validation.mp4

12:53

9. SignUp Screen Layout and Abstracion.mp4

19:38

10. Auth Client Flow.mp4

15:14

11. Auth Client Services.mp4

07:44

12. Auth Section Testing and Finish.mp4

18:16

13. HomeScreen Layout.mp4

23:18

14. Forecast Screen Layout.mp4

43:31

15. Start Working With Real API.mp4

19:58

16. Create Weather Data Util Handler.mp4

01:10:13

17. Finish with Weather Screens.mp4

32:04

18. Start Working with Records.mp4

18:08

19. Create New Record.mp4

31:16

20. Start With Camera Screen.mp4

30:05

21. Add Camera Service.mp4

25:53

22. Start with Record List Screen.mp4

17:56

23. Record List Screen Data Fetching Process.mp4

26:38

24. Record Details Screen Show Record Info.mp4

25:44

25. Record Details Screen Finish WIth Delete Button.mp4

28:16

26. Auth Navigation Flow.mp4

44:30

4. Deployment and Final Improvements

1. Deploy Back End.mp4

40:18

2. Deploy Client and Finish.mp4

06:53

5. Outro

1. Outro.mp4

01:11

Description

Build a production ready mobile app from scratch with React-Native and Node.js, then deploy it with free services!

What You'll Learn?

Learn how to create full stack mobile applications from scratch
Develop a deep understanding of working with cloud databases using the Mongoose ORM.
Master the complete process of user creation and authentication using Passport js and JWT flow.
Execute CRUD operations efficiently with complex objects.
Learn to upload and work with images, and manage static folders on the server.
Explore the process of deploying the server on free hosting.
Acquire skills in mobile app development using React Native.
Implement secure data storage for tokens.
Configure and utilize the smartphone's camera for taking and saving images.
Create a centralized store for application data using the Redux Toolkit library.
Choose between different UI development approaches, such as Expo options and the NativeBase component library.
Learn to build the architecture of the application from scratch, understanding its components and their interactions.
Demonstrate the ability to use the application by creating a sample record, including saving clothing choices and capturing an outfit photo.
View and manage records effectively.
Understand how to retrieve and review weather information for the day a record was created.
Gain a skillset that distinguishes you as a full-stack mobile developer, ready to bring your unique app ideas to life.
Successfully complete the course with a fully functional project that can be showcased to colleagues, clients, or potential employers.

Who is this for?

Beginner front-end developers who want to develop app from scratch and practice

Experienced front-end developers who want to try themselves as mobile developers

Experienced front-end developers who want to try themselves as full-stack developers

What You Need to Know?

Novice JavaScript knowlege

Novice React knowlege

The process of creating an application will be shown from scratch, you will be able to learn everything in the process

More details

Description
Ready to embark on an exciting coding journey? Check out this exceptional course on building a full-stack application with Node.js and React Native, brought to you by Stanislav, a senior developer, mentor, and technical interviewer. Whether you're a seasoned JavaScript developer or a junior/middle frontend enthusiast looking to expand your horizons, this course has something special for you!
What to Expect: Weather-Tracking App: Learn to create an app that lets users check the current weather and save clothing preferences for various weather conditions. No more guessing what to wear â€“ your outfit choices are just a tap away!
Exciting Features: Discover the app's core functionalities, including storing outfit details, viewing weather forecasts, and even snapping outfit selfies!
What You'll Master:
Backend Mastery: Dive into the backend world with hands-on experience in cloud database management using the Mongoose ORM, user authentication with Passport.js and JWT, and advanced CRUD operations.
Mobile App Development: Get comfortable with React Native for mobile app development, secure data storage, smartphone camera integration, and crafting a seamless user interface using Redux Toolkit and the NativeBase component library.
Build It from Scratch: Learn to create an application architecture from the ground up and deploy the server on free hosting. You'll gain essential skills to bring your ideas to life.
And that's just the beginning! This course offers much more, all designed to turn you into a full-stack mobile developer. You'll be well-prepared to create any application you dream of.
Join this thrilling coding adventure today, and when you complete the course, proudly call yourself a full-stack mobile developer. Don't miss out on the opportunity to set yourself apart in the tech world. See you in the course!
Who this course is for:
Beginner front-end developers who want to develop app from scratch and practice
Experienced front-end developers who want to try themselves as mobile developers
Experienced front-end developers who want to try themselves as full-stack developers

User Reviews

Rating

average 0

Total votes0

Focused display

Throughout my extensive career as a web developer, I've had the privilege of building software in various settings, including small companies and a local startup, ultimately finding my career path within a large international corporation.In addition to my primary projects, I also conduct interviews, contribute to community growth, and provide mentoring.

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.