Full-Stack Mobile App with React Native, Redux, Django & AWS

Focused View

Wilfried Bertrand Wetta

9:22:07

9 View

1. Introduction

1. Introduction.mp4

06:11

2. Project creation and NativeWind setup.mp4

06:45

3. Navigation and Bottom Tab Navigator Setup.mp4

15:24

2. Building Frontend

1. Icons and Style for Bottom Tab Navigator.mp4

08:26

2.1 productslist.zip

2. Search Bar and Categories.mp4

25:02

3.1 assets.rar

3. Display Products and Search Functionality.mp4

28:26

4. HomeScreen Fixes.mp4

04:20

5. Navigation to ProductDetailsScreen with Parameters.mp4

10:10

6. Showing Product Details to the Screen.mp4

17:53

3. Async Storage

1. Adding Items to Favorites using Async Storage.mp4

16:12

2. Displaying Items in FavoriteItemsScreen and Deleting from Storage.mp4

25:24

4. Redux

1. Installing and Setting up Redux.mp4

07:40

2. Defining Actions and Adding Items to Basket using Redux.mp4

18:50

5. Cart

1. Shopping Cart Design and Displaying Cart Gif.mp4

14:53

2. Display Shopping Cart Items.mp4

12:24

3. Updating Quantity and Total Price.mp4

17:25

4. Fixing Item Already in Cart and Quantity Below 1.mp4

05:07

5. Modal and Animation.mp4

27:43

6. Removing Items from Redux Store and Fixing Items Already Added.mp4

11:32

7. Fixing Modal and Installing EmailJs.mp4

11:43

8. Completing EmailJs and Receiving Mails.mp4

23:14

9. Clearing the Cart Upon Placing an Order.mp4

02:39

6. Placed Orders

1. Saving Placed Orders into the Async Storage.mp4

20:43

2. Displaying Placed Orders in the OrderScreen.mp4

10:59

7. Fixes

1. HomeScreen Network Errors.mp4

11:50

2. Fixing Phone number in CartScreen.mp4

05:26

8. Django backend

1. Setting up the Backend Environment and Installing Django.mp4

16:04

2.1 images.rar

2. Registering Apps and Creating Models.mp4

17:22

3. Configuration to Store Static Files.mp4

08:33

4. Switching to Postgres and Adding Items to the Database.mp4

14:00

5. Setting Up API Routes and Listing Products and Categories.mp4

15:31

9. Backend x Frontend

1. Connecting the Backend to the Frontend.mp4

22:27

2. Handling Refresh and Protecting APIs.mp4

14:09

3. Upload Images to AWS S3 Bucket.mp4

15:23

4. Hiding Sensible Informations Inside Environment Variables.mp4

06:13

10. Production

1. Deploy Django App on Render.mp4

16:45

2. Fixing Environment Variables on Render.mp4

02:15

3. Deploy Postgres Database on Render and Restore Data through PgAdmin.mp4

17:20

4. Installing Eas and Generating the APK.mp4

16:01

5. Fixing Last Bugs and re-Generating the APK.mp4

12:57

11. Conlusion

1. Conclusion.mp4

00:46

Description

Learn React Native, Django, Tailwind CSS, Redux, REST API, Modals, React Navigation, Toast Notifications, EmailJs, S3

What You'll Learn?

Basics of React Native
Expo
React Navigation
Bottom tabs
Redux
Tailwind CSS
Animated Modals
Custom Fonts
Async Storage
Emailing from an application
Django
Django REST API
AWS S3

Who is this for?

Anybody who would want to learn mobile development both for Ios and Android with React Native

People that wish to take their skills to the next level using practical projects

What You Need to Know?

No programming experience is needed

Having web programming knowledge would be an advantage

Knowing the basics of python would be an advantage

More details

Description
Welcome to the ultimate hands-on course on building and deploying the captivating ElectroMart mobile application using React Native, Django, and AWS S3. Join us on this exciting journey where you'll learn cutting-edge technologies and gain practical skills to create a feature-rich, fully functional e-commerce app from scratch.
What you'll learn:
Master React Native: Dive into the world of React Native and harness its power to build stunning cross-platform mobile applications. Gain expertise in component-based architecture, UI design, and responsive layouts. Explore the usage of custom fonts, native storage, and seamlessly integrate AWS S3 for efficient image storage.
Backend Development with Django: Discover the versatility of Django, a powerful Python-based web framework, as you build the robust backend for ElectroMart. Create models, APIs, and authentication systems to enable seamless communication between the frontend and backend.
AWS S3 Integration: Harness the power of AWS S3 to efficiently store and retrieve images for your ElectroMart app. Learn how to seamlessly integrate ElectroMart with AWS S3, utilizing its secure and scalable infrastructure for reliable image storage.
Deployment and Distribution: Master the art of deploying your app using Render, a cloud platform designed for simplicity and scalability. Learn to generate APKs through EAS (Expo Application Services) and distribute your app to a global audience.
Frontend Functionality: Explore advanced frontend techniques such as sending emails using EmailJS, managing app state with Redux, and implementing toast notifications for an enhanced user experience. Leverage the Bottom Tab Navigator to create a smooth and intuitive app navigation system.
Styling with NativeWind: Utilize the power of NativeWind (React Native's Tailwind equivalent) to effortlessly style your ElectroMart app. Learn responsive design principles, create attractive UI components, and customize the app's appearance with ease.
State Management with Redux: Gain hands-on experience with Redux, a powerful state management library, to efficiently manage the app's data flow. Learn to handle complex app states and implement advanced features with ease.
User Experience Optimization: Discover techniques to improve user experience through modals, form validation, and error handling. Implement smooth animations and transitions to create an immersive and delightful user interface.
By the end of this course, you'll have the skills and knowledge to build and deploy a fully functional e-commerce app using React Native, Django, and AWS S3. Unleash your creativity, launch your career as a full-stack app developer, and set yourself apart in the rapidly growing mobile app market.
Don't miss this opportunity to become an expert in app development. Enroll now and unlock the potential of ElectroMart as you embark on an exciting journey into the world of React Native, Django, AWS S3, and beyond. Let's bring ElectroMart to life together!
Who this course is for:
Anybody who would want to learn mobile development both for Ios and Android with React Native
People that wish to take their skills to the next level using practical projects

User Reviews

Rating

average 0

Total votes0

Focused display

Meet Wilfried Bertrand, a talented software developer with a wealth of experience in various JavaScript technologies. With 3 years in the industry, Wilfried has honed his skills in popular frameworks such as React JS, Next JS, React Native, as well as Laravel, Python, and Django.Wilfried's passion for software development extends beyond just coding; he has a strong desire to share his knowledge and help others achieve their goals. This has led him to become a valuable asset in the tech community, not just as a developer, but as a mentor and teacher.As a developer, Wilfried has a proven track record of delivering high-quality, efficient code that meets the needs of his clients. He approaches each project with a creative and innovative mindset, always striving for excellence.In addition to his technical expertise, Wilfried is also a dedicated educator, sharing his knowledge and skills with students through his role as a virtual instructor. He is known for his engaging teaching style and ability to break down complex concepts into easy-to-understand lessons.When he's not working on projects or teaching, Wilfried stays active in the tech community by participating in events and continuing to learn and grow his skills. He is committed to staying up-to-date with the latest technologies and best practices, ensuring that he can provide his students with the most current and relevant education.If you're looking to learn from a seasoned developer with a passion for teaching, look no further than Wilfried Bertrand. Sign up for his courses today and start your journey to becoming a successful software developer.

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.