Full-Stack Mobile App With React Native, Django, And Aws

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

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

Requirements

No programming experience is needed

Having web programming knowledge would be an advantage

Knowing the basics of python would be an advantage

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!

Overview

Section 1: Introduction

Lecture 1 Introduction

Lecture 2 Project creation and NativeWind setup

Lecture 3 Navigation and Bottom Tab Navigator Setup

Section 2: Building Frontend

Lecture 4 Icons and Style for Bottom Tab Navigator

Lecture 5 Search Bar and Categories

Lecture 6 Display Products and Search Functionality

Lecture 7 HomeScreen Fixes

Lecture 8 Navigation to ProductDetailsScreen with Parameters

Lecture 9 Showing Product Details to the Screen

Section 3: Async Storage

Lecture 10 Adding Items to Favorites using Async Storage

Lecture 11 Displaying Items in FavoriteItemsScreen and Deleting from Storage

Section 4: Redux

Lecture 12 Installing and Setting up Redux

Lecture 13 Defining Actions and Adding Items to Basket using Redux

Section 5: Cart

Lecture 14 Shopping Cart Design and Displaying Cart Gif

Lecture 15 Display Shopping Cart Items

Lecture 16 Updating Quantity and Total Price

Lecture 17 Fixing Item Already in Cart and Quantity Below 1

Lecture 18 Modal and Animation

Lecture 19 Removing Items from Redux Store and Fixing Items Already Added

Lecture 20 Fixing Modal and Installing EmailJs

Lecture 21 Completing EmailJs and Receiving Mails

Lecture 22 Clearing the Cart Upon Placing an Order

Section 6: Placed Orders

Lecture 23 Saving Placed Orders into the Async Storage

Lecture 24 Displaying Placed Orders in the OrderScreen

Section 7: Fixes

Lecture 25 HomeScreen Network Errors

Lecture 26 Fixing Phone number in CartScreen

Section 8: Django backend

Lecture 27 Setting up the Backend Environment and Installing Django

Lecture 28 Registering Apps and Creating Models

Lecture 29 Configuration to Store Static Files

Lecture 30 Switching to Postgres and Adding Items to the Database

Lecture 31 Setting Up API Routes and Listing Products and Categories

Section 9: Backend x Frontend

Lecture 32 Connecting the Backend to the Frontend

Lecture 33 Handling Refresh and Protecting APIs

Lecture 34 Upload Images to AWS S3 Bucket

Lecture 35 Hiding Sensible Informations Inside Environment Variables

Section 10: Production

Lecture 36 Deploy Django App on Render

Lecture 37 Fixing Environment Variables on Render

Lecture 38 Deploy Postgres Database on Render and Restore Data through PgAdmin

Lecture 39 Installing Eas and Generating the APK

Lecture 40 Fixing Last Bugs and re-Generating the APK

Section 11: Conlusion

Lecture 41 Conclusion

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