Techi Share
Techi Share
  • 23
  • 17 929
How to Create Custom App Icon & Splash Screen in Ionic React | Step-by-Step Tutorial
In this tutorial, learn how to create custom app icons and splash screens for your Ionic React application. I'll guide you through the process step by step, from designing the assets to implementing them in your project. By the end of this video, you’ll have a personalized app icon and splash screen to enhance your mobile app’s appearance. Perfect for developers looking to give their apps a professional touch!
มุมมอง: 34

วีดีโอ

Create a Dynamic Pie Chart with Ionic React, PHP, and MySQL | Step-by-Step Tutorial
มุมมอง 6414 วันที่ผ่านมา
Learn how to create a dynamic pie chart in your Ionic React application, powered by PHP and MySQL. In this tutorial, we'll walk you through the entire process-from setting up your backend to displaying the data in a visually appealing pie chart on the frontend. Whether you're a beginner or looking to enhance your web development skills, this video has got you covered. Don't forget to like, shar...
Strapi(CMS) in Ionic React: A Step-by-Step Guide!
มุมมอง 13321 วันที่ผ่านมา
Discover the power of Strapi, a flexible and open-source headless CMS, in your Ionic React projects! In this tutorial, I’ll walk you through the entire process of integrating Strapi into your Ionic React app, from setup to seamless content management. Perfect for developers looking to enhance their mobile apps with dynamic content. Don't miss out on this essential guide to modern app development!
File Upload with Ionic React and PHP: A Step-by-Step Guide
มุมมอง 55หลายเดือนก่อน
In this video, you'll learn how to implement file upload functionality in an Ionic React application with a PHP backend. We’ll walk you through setting up a simple Ionic React project, creating a form for file selection, and using Axios to handle the file upload process. On the server side, we’ll cover the PHP script needed to receive and store the uploaded files. By the end, you’ll have a full...
Ionic Local Notification
มุมมอง 779 หลายเดือนก่อน
This comprehensive guide covers everything from the basics to advanced techniques, ensuring you have the knowledge to implement effective local notifications in your applications. Learn about different platforms, set up permissions, and customize notification content to engage users effectively.
Ionic 6 Custom fonts
มุมมอง 11711 หลายเดือนก่อน
In this video tutorial, we'll show you how to easily integrate custom fonts into your Ionic 6 React projects. Whether you're looking to add a unique style to your app or match your brand's typography, custom fonts can make a significant impact.
Ionic 6 React Login Page Design & Functionality with PHP & MySQL - Step-by-Step Tutorial
มุมมอง 1.6K11 หลายเดือนก่อน
Welcome to our comprehensive tutorial on building a modern login page using Ionic 6 with React, backed by a PHP and MySQL backend. In this step-by-step video, we'll walk you through the entire process of creating a secure and user-friendly login system for your web application. Key Highlights: Design a stunning login page with Ionic 6 and React. Connect your frontend to a PHP-based backend. Sto...
Create, Read, Update, Delete: Ionic 6 CRUD App using React, PHP, and MySQL
มุมมอง 431ปีที่แล้ว
Click the link for Angular CRUD operation: th-cam.com/video/QjJPsxbW_0c/w-d-xo.html Learn how to seamlessly perform CRUD operations in Ionic 6 using React, PHP, and MySQL with our step-by-step tutorial. Build a complete data management system for your mobile and web applications, and become proficient in creating, reading, updating, and deleting data effortlessly. "Step-by-Step: Ionic 6 CRUD Tu...
CRUD Operations in Ionic 6 with PHP and MySQL: A Step-by-Step Tutorial
มุมมอง 3Kปีที่แล้ว
Mysql Database connectivity: th-cam.com/video/47CE6yygGmY/w-d-xo.htmlsi=l2IfBjEYzgfgZTxG Welcome to our comprehensive tutorial on CRUD (Create, Read, Update, Delete) operations in Ionic 6 using PHP and MySQL! If you're looking to build powerful mobile applications with a robust backend, you're in the right place. In this step-by-step guide, we'll walk you through the entire process of creating,...
How simple to implement search functionality in ionic 6 using PHPand Mysql
มุมมอง 231ปีที่แล้ว
Connecting Mysql database using php th-cam.com/video/47CE6yygGmY/w-d-xo.html The video is a tutorial that demonstrates how to implement search functionality in an Ionic 6 mobile app using PHP and MySQL. The tutorial starts by explaining the importance of search functionality in mobile apps and how it can enhance the user experience. The instructor then proceeds to demonstrate how to set up the ...
Ionic 6 - Connecting MySQL Database with Ionic 6 using PHP
มุมมอง 4.5Kปีที่แล้ว
In this video tutorial, we will learn how to connect a MySQL database with Ionic 6 using PHP. Ionic is a popular framework for building hybrid mobile applications, while MySQL is a widely-used relational database management system. By connecting these two technologies using PHP, we can create powerful and dynamic mobile applications that can store and retrieve data from the database. First, we ...
Ionic 6 - How to integrate youtube videos in ionic 6
มุมมอง 1.2Kปีที่แล้ว
In this video, we will be exploring how to securely integrate TH-cam videos into an Ionic 6 app using DomSanitizer. TH-cam is a popular platform for sharing video content, and by integrating it into your Ionic app, you can provide your users with engaging video content. However, embedding TH-cam videos into your app can pose a security risk as it requires using an external resource. In this tut...
Ionic 6 with NewsAPI (Creating free news app)
มุมมอง 941ปีที่แล้ว
In this video, we'll be discussing the integration of Ionic 6 and NewsAPI to build a powerful and efficient mobile app. We'll start by exploring the basics of Ionic 6 and its features, and then move on to learn about NewsAPI and its API for retrieving news from various sources. Next, we'll integrate the NewsAPI into our Ionic 6 app using Angular and REST API calls. You'll learn how to make HTTP...
Ionic 6 Top 10 features
มุมมอง 191ปีที่แล้ว
Join us in discovering the top 10 amazing features of Ionic 6! Ionic is a popular open-source framework for building cross-platform mobile apps, and its latest version, Ionic 6, is packed with incredible improvements. From faster performance and improved UI components to enhanced support for web standards, we'll showcase the most impactful updates that make Ionic 6 a must-have for your app deve...
Ionic 6 with Chatgpt 3(Open AI) - The Future Technology
มุมมอง 2Kปีที่แล้ว
In this video, we will show you how to integrate ChatGPT-3, the powerful natural language processing model developed by OpenAI, with an Ionic 6 Angular application. We will walk through the process of setting up the necessary dependencies, importing the ChatGPT-3 module, and integrating it into an Angular service. Then, we will demonstrate how to use the service in an Ionic 6 mobile app to crea...
Creating Ionic 6 Project
มุมมอง 52ปีที่แล้ว
Creating Ionic 6 Project
Ionic 4 Application Error
มุมมอง 1953 ปีที่แล้ว
Ionic 4 Application Error
Ionic 4 - Http and php
มุมมอง 1974 ปีที่แล้ว
Ionic 4 - Http and php
Ionic 4 loader
มุมมอง 1244 ปีที่แล้ว
Ionic 4 loader
Ionic 4 page navigation/Routing
มุมมอง 1544 ปีที่แล้ว
Ionic 4 page navigation/Routing
Ionic 4 Infinite scroll
มุมมอง 934 ปีที่แล้ว
Ionic 4 Infinite scroll
Ionic 4 Function call
มุมมอง 1354 ปีที่แล้ว
Ionic 4 Function call
Ionic 4 Custom fonts
มุมมอง 2.4K4 ปีที่แล้ว
Ionic 4 Custom fonts

ความคิดเห็น

  • @braveitor
    @braveitor 21 วันที่ผ่านมา

    Looks useful. I've recently heard about this CMS but I have no idea of it. Everyday there's a new CMS, but this looks promising, very flexible for what you've shown. Thanks.

    • @techishare9993
      @techishare9993 21 วันที่ผ่านมา

      Absolutely! It can be overwhelming with so many CMS options out there. I'm glad you found it promising and flexible.

  • @jesusmedina9356
    @jesusmedina9356 หลายเดือนก่อน

    Y como hago el deploy?

  • @loyd7654
    @loyd7654 2 หลายเดือนก่อน

    has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. where can i access my htaccess

  • @rajusah3376
    @rajusah3376 3 หลายเดือนก่อน

    Getting two warning : 1. Third-party cookie will be blocked. Learn more in the Issues tab. 2. Error with Permissions-Policy header: Unrecognized feature: 'ch-ua-form-factor'. how to fix it ?

  • @mrkammytv
    @mrkammytv 3 หลายเดือนก่อน

    Very nice!

  • @braveitor
    @braveitor 4 หลายเดือนก่อน

    Really good and useful tutorial. I'm developing right now a webapp with this features and I've already used several concepts from this video. Thanks and congrats.

  • @BriBru00
    @BriBru00 4 หลายเดือนก่อน

    hello , thank you for this tutorial , is there any source code available?

  • @danalexandermangilit7210
    @danalexandermangilit7210 5 หลายเดือนก่อน

    how can i deploy it? when i search over the internet it says that i need to make the php file accessible over the internet. can you make a tutorial for that??

  • @NangaRicardo
    @NangaRicardo 5 หลายเดือนก่อน

    Can i use in a project mobile with capacitor??

  • @mibuharisacademicchannel432
    @mibuharisacademicchannel432 6 หลายเดือนก่อน

    Good tutorial. Providing explanations would make it better.

  • @imanolcirilo7853
    @imanolcirilo7853 7 หลายเดือนก่อน

    I have an error on: this.formData['update'] = true; this.formData['studentId'] = this.studentId; from edit.page.ts, how can I resolve it?

    • @silvamoises8125
      @silvamoises8125 7 หลายเดือนก่อน

      I had the same issue, I could fix it by editing the file edit.page.ts to this: import { Component, OnInit } from '@angular/core'; import { ActivatedRoute } from '@angular/router'; import axios from 'axios'; import { NavController } from '@ionic/angular'; @Component({ selector: 'app-edit', templateUrl: './edit.page.html', styleUrls: ['./edit.page.scss'], }) export class EditPage implements OnInit { formData = { firstName: "", lastName: "", gender: "", age: "", email: "", update: false, studentId: 0 } constructor(private activatedRoute: ActivatedRoute, private navCtrl: NavController) { } ngOnInit() { this.activatedRoute.params.subscribe((params) => { this.formData.studentId = +params['id']; this.getStudentData(); }) } getStudentData() { axios.get(`localhost/students.php?studentId=${this.formData.studentId}`) .then( (response) => { console.log(response.data); this.formData = { firstName: response.data[0].first_name, lastName: response.data[0].last_name, gender: response.data[0].gender, age: response.data[0].age, email: response.data[0].email, studentId: this.formData.studentId, update: this.formData.update } }) .catch((error) => { console.log(error); }) } update() { console.log(this.formData); this.formData.update = true; axios.post("localhost/students.php", this.formData) .then( (response) => { if(response.data == "1") { this.navCtrl.navigateForward('/home'); } }) .catch((error) => { console.log(error); }) } }

  • @ImFunny99
    @ImFunny99 7 หลายเดือนก่อน

    Thnx for tut. Why ur use in php loop to get student data? Can u use fachall and in ts componet loop data

  • @ImFunny99
    @ImFunny99 9 หลายเดือนก่อน

    Very good tutorial ❤👏👍

  • @thomastafese9470
    @thomastafese9470 9 หลายเดือนก่อน

    whould be good if u shared the source code

  • @jhonsonalimin4284
    @jhonsonalimin4284 10 หลายเดือนก่อน

    Thanks for sharing. video is blurry can't see the text specially small writing.

    • @techishare9993
      @techishare9993 9 หลายเดือนก่อน

      Thanks for sharing your feedback. I will improve the standard further.

  • @kangnifredable
    @kangnifredable 11 หลายเดือนก่อน

    i have fixed it. wow

  • @kangnifredable
    @kangnifredable 11 หลายเดือนก่อน

    i have an issue with CORS i am using ubuntu and i am developping with ionic react capacitor. while i send data from ionic to mysql nothig appear in my mysql database. i really don't know what is going on

  • @kangnifredable
    @kangnifredable ปีที่แล้ว

    Wow you did it. Thank you so much

    • @techishare9993
      @techishare9993 ปีที่แล้ว

      You're welcome!

    • @kangnifredable
      @kangnifredable ปีที่แล้ว

      ​@@techishare9993excuse do you know how to integrate a Google mapping inside the ionic react capacitor and store the GPS position inside mysql to mark and show them on Google map inside the ionic react capacitor app ?

    • @kangnifredable
      @kangnifredable 11 หลายเดือนก่อน

      @@techishare9993 hello. sorry to disturb you again. I import image through ionic react and post it with axios inside my php mysql. but nothing has sent. must i put .files on the variable in the axios syntax?

  • @kangnifredable
    @kangnifredable ปีที่แล้ว

    Good job. Do you have an exemple with ionic react capacitor ? Or is it the same process?

    • @techishare9993
      @techishare9993 ปีที่แล้ว

      Its same. I will try to post videos using react.

    • @kangnifredable
      @kangnifredable ปีที่แล้ว

      @@techishare9993 for ionic react i don't have to use angular syntaxe, do i?

    • @techishare9993
      @techishare9993 ปีที่แล้ว

      You can refer this video for react th-cam.com/video/QsMSCHCTXoA/w-d-xo.htmlsi=HacieWOLRo1ERJiu

  • @elias642
    @elias642 ปีที่แล้ว

    I'm getting error 400 and error 404, quite strange since I pasted the correct API key

  • @burakhorozoglu5817
    @burakhorozoglu5817 ปีที่แล้ว

    thanks a lot. at last i can find a working solution that when i make same and works :)

  • @JOSEERICKANDITAPUY
    @JOSEERICKANDITAPUY ปีที่แล้ว

    there are few people who make current ionic content, your videos are incredible and well explained, you could upload a video making an administrator panel (which logs in and where you can do the crud of information for the user to see if it has been updated or deleted something

  • @kangnifredable
    @kangnifredable ปีที่แล้ว

    Excuse me i don't know if you could help me. I am using ionic react. How could i insert data from my ionic page to my database mysql

    • @techishare9993
      @techishare9993 ปีที่แล้ว

      You can refer this video: th-cam.com/video/QjJPsxbW_0c/w-d-xo.htmlsi=LJCoHXphRixsGbxC

  • @PiyushYadav-e5d4t
    @PiyushYadav-e5d4t ปีที่แล้ว

    how to find axios post url

  • @kayarawasbanlaywa2506
    @kayarawasbanlaywa2506 ปีที่แล้ว

    Thanks for your effort you made Ionic easy to understand. Can you make login tutorial in Ionic using mysqli , im struggling with my project in Ionic on login and using cookies for future reference. Thanks

  • @tembihanniel5289
    @tembihanniel5289 ปีที่แล้ว

    Love ur videos. I have been searching fir this for a long time now

  • @nelsonmouatvergara
    @nelsonmouatvergara ปีที่แล้ว

    Very Thank you!!!!

  • @بدروليد-ق5س
    @بدروليد-ق5س ปีที่แล้ว

    Please can you make a video of how to create a ( create, delete, update, read) php API, in this wonderful video you made just get API, Thank you 🙏🏽

    • @nelsonmouatvergara
      @nelsonmouatvergara ปีที่แล้ว

      th-cam.com/video/bqiHfIBh8Xk/w-d-xo.html here!!! Thank you!!!

    • @techishare9993
      @techishare9993 ปีที่แล้ว

      You can refer this video in ionic 6 Angular for CRUD : th-cam.com/video/QjJPsxbW_0c/w-d-xo.htmlsi=8HTvoCqz__gbk045 Ionic 6 React CRUD :th-cam.com/video/QsMSCHCTXoA/w-d-xo.htmlsi=lcEjO7pEKxV_-STf th-cam.com/video/QsMSCHCTXoA/w-d-xo.htmlsi=lcEjO7pEKxV_-STf

  • @ionwizard606
    @ionwizard606 ปีที่แล้ว

    In my case it saying Axios Error "ERR_NETWORK"

    • @techishare9993
      @techishare9993 ปีที่แล้ว

      There may be some network issue from your side or can you post the error here

  • @jonesfischer9476
    @jonesfischer9476 ปีที่แล้ว

    my alertController is not recognized, how can i add it?

    • @techishare9993
      @techishare9993 ปีที่แล้ว

      You can refer to this link to use alertcontroller ionicframework.com/docs/api/alert Step 1: import { AlertController } from '@ionic/angular'; Step 2: Add in the Constructor private alertController: AlertController Eg: constructor(private alertController: AlertController) {} Step 3: Add the function inside the js file presentAlert() { const alert = await this.alertController.create({ header: 'Alert', subHeader: 'Important message', message: 'This is an alert!', buttons: ['OK'], }); await alert.present(); } Step 4: Call the function presentAlert()

  • @aabuabara
    @aabuabara ปีที่แล้ว

    Would this tutorial work with ionic 5?

  • @kingmega8730
    @kingmega8730 3 ปีที่แล้ว

    Sir please continue

  • @atomixinc2911
    @atomixinc2911 4 ปีที่แล้ว

    Bien gracias, lo que buscaba, pero deberias hacerlo con visual studio code para que sea mas claro, asi la gente que tiene menos experiencia lo podra entender

    • @techishare9993
      @techishare9993 4 ปีที่แล้ว

      Gracias por sus valiosos comentarios. Utilizará alguna herramienta externa para aclarar el contenido en los videos futuros.

    • @feyaluciano
      @feyaluciano 3 ปีที่แล้ว

      @@techishare9993 me sucede que en localhost, con ng serve me cambia la tipografia, but not in de movil, que podria ser?

  • @mapurplecakes
    @mapurplecakes 4 ปีที่แล้ว

    SUPER