Gift Shop App - Ionic + Laravel | Full Stack App Development Course | Android & iOS | Part #2
Welcome to Part #2 of this in-depth Full Stack App Development Course using Ionic Framework and Laravel! In this segment, we tackle the back-end development and advanced integration for our Gift Shop App, making it ready for Android and iOS deployment.
What You'll Learn in this Part :
✅ Set up Laravel with XAMPP & Composer on Windows/Mac
✅ Build APIs for CRUD operations, bulk data, and authentication with Laravel Sanctum
✅ Integrate Laravel APIs into Ionic to fetch, display, and search dynamic data
✅ Secure your app with Authentication, Auth Guards, and Token-Interceptor
✅ Handle Forgot/Reset Password functionality seamlessly
✅ Deploy your app for Android & iOS
Key Highlights:
🔹 Configure & test APIs with Postman
🔹 Fix common CORS issues in Laravel
🔹 Build Order APIs with Eloquent Relationships
🔹 Transition Ionic from Standalone to NgModule
🔹 Optimize your app for smooth deployment
By the end of this part, you’ll have mastered the back-end and API integration aspects of full-stack development, completing your gift shop app's core functionality.
Take your app development skills to the next level! Watch now and complete the core functionality of your full-stack project. Don’t forget to like, share, and subscribe for more in-depth tutorials!
Don’t miss out on Part #1 for the foundational setup and front-end development!
►🔥 All Courses Now Only ₹499/$13.99! Limited Time Offer! Hurry Up and Grab Your Spot! 📚🚀 | Link to the discounted courses : codewithtechnyks.com
1. Ionic 8+ & NodeJS: Beginner to Pro-Build Food Delivery App: https://bit.ly/ionic-nodejs
2. Ionic 8+ From Beginner to Advanced - Build Food Delivery App : https://bit.ly/ionic-firebase-full-co...
3. NodeJS: Beginner to Pro - APIs for Food Delivery & Ecommerce: https://bit.ly/nodejs-backend-course
4. Ionic 8+ Chat App using Firebase:
https://bit.ly/ionic-chat-app-course
Timestamps:
00:00 - Intro
00:23 - What is Laravel? Its Overview & its benefits
04:00 - Setup Xampp in Windows
07:15 - Install Composer
08:42 - Create new Laravel Project
11:01 - Run Laravel Project
11:26 - Run Xampp in MacOS
12:20 - Running Laravel Project
13:11 - Understanding Laravel File Structure
15:05 - Laravel docs overview & eloquent queries
18:06 - Learn to migrate, alter tables in various ways
23:35 - Understand Model
24:33 - Create & Prepare Gift Model & Migration Table (using command)
29:53 - Migrate a Single Table (Gifts)
31:46 - Create Gift Controller for creating APIs (store gift data with Validators) & test in Postman
49:39 - Install Laravel Sanctum for Authentication (& prepare API routes)
57:10 - Test API in Postman
01:03:00 - Prepare Gift CRUD in Gift Controller & Test in Postman (Stored in MySQL)
01:24:47 - Create Bulk insert API to insert Gift data with Images using Postman
01:30:48 - Fetch, Search Gifts & get single Gift data via API in Ionic App using HttpClient
01:42:08 - Prepare Search gifts API & Integrate in Ionic App
01:49:04 - Create & Prepare Coupon Model & Migration Table
01:50:44 - Create CouponController & prepare Bulk insert & fetch Coupons APIs
01:56:02 - Fetch Coupons in Ionic App
02:00:34 - Fix Cart item image url
02:01:44 - Prepare User Authentication APIs using Laravel Sanctum in UserController
02:26:31 - How to fix CORS issue in Laravel
02:27:53 - Prepare Authentication & Logout functions in Ionic App using APIs
02:38:17 - Test Authentication & Optimise Code in Ionic & Laravel for same Email or Phone
02:50:59 - Create Token-Interceptor inIonic App
03:00:55 - Create Auth Guard in Ionic App using CanMatch Route Guard
03:06:59 - Fetch User Profile data & optimise Logout code
03:12:25 - Hiding SideMenu when User Logged out
03:14:49 - Prepare Addresses APIs (AddressController) in Laravel & integrate in Ionic App
03:32:02 - Prepare Models for Order, Order Item & create OrderController in Laravel
03:38:07 - Understanding Eloquent Relationships in Laravel
03:44:54 - Defining Relationship between Orders & Order Items in Laravel
03:48:29 - Define Relationship of Users with Orders & Addresses in Laravel
03:51:03 - Create Order APIs using OrderController in Laravel & Integrate in Ionic App
04:16:53 - Prepare Forgot Password Modal in Ionic App
04:55:11 - Preparing Reset password functionality to connect with backend
05:14:06 - Alter table & Prepare reset password APIs (UserController) in Laravel
05:34:57 - Testing Reset password APIs in Ionic App & fix errors
05:42:43 - Convert Standalone to NgModule Approach in New Ionic Project
06:17:35 - Optimise Ionicons placement in Ionic Standalone Project
06:29:46 - Run Ionic App in Android & iOS
#IonicFrameworkTutorial #LaravelTutorialForBeginners #FullStackDevelopmentCourse #IonicAndLaravelIntegration #BuildFullStackApps #AndroidAndiOSAppDevelopment #APIDevelopmentWithLaravelSanctum #EloquentRelationshipsTutorial #IonicAuthGuardExample #LaravelAPIIntegration #GiftShopAppTutorial #FullStackGiftShopApp #MobileAppDevelopment2024 #CrossPlatformAppDevelopment
