Mahesh Kariya
Mahesh Kariya
  • 171
  • 1 295 285
Creating Fullstack React Native Expo Project Using ChatGPT 4o.
Welcome to this comprehensive tutorial where we'll create a fullstack React Native project from scratch, leveraging the powerful capabilities of ChatGPT 4.0! In this video, you'll learn how to set up a React Native app with Expo, implement CRUD operations, manage state using Context API, and design a beautiful, responsive UI for both mobile and web platforms.
What you'll learn:
Setting up a new React Native project with Expo.
Using JSON Server to simulate backend API for CRUD operations.
Managing application state with Context API.
Implementing navigation with React Navigation.
Enhancing UI with Google Fonts and Ionicons.
Adding a stylish SVG background for a modern look.
Ensuring responsiveness across web, iOS, and Android devices.
Tools and Technologies:
- React Native
- Expo
- JSON Server
- Context API
- React Navigation
- Styled Components
- Google Fonts
- Ionicons
- SVG for background design
Links:
Source code: github.com/itsmaheshkariya/react-native-todo
If you find this video helpful, don't forget to like, comment, and subscribe for more tutorials! Feel free to ask any questions in the comments below.
Enjoy building your fullstack React Native project with ChatGPT 4.0! 🚀
#ReactNative #ChatGPT #FullstackDevelopment #Expo #MobileDevelopment
Переглядів: 151

Відео

🔍 React Native: React ContextAPI Explained 🚀
Переглядів 6921 день тому
Unlock the power of React Context in your React Native apps with Expo! In this tutorial, we'll explore how to effectively use React Context for state management, making your code cleaner and more efficient. Ideal for developers looking to simplify state management in their projects. Don't forget to like, comment, and subscribe for more React Native tips and tutorials! Find me anywhere on web: @...
🔄 React Native Expo: Redux Counter Example Tutorial 🚀
Переглядів 11021 день тому
Dive into Redux integration with React Native using Expo! In this tutorial, we'll guide you through setting up Redux and creating a simple counter example to demonstrate effective state management. Perfect for developers looking to enhance their React Native skills and understand the power of Redux. Don't forget to like, comment, and subscribe for more hands-on React Native tutorials and tips! ...
🚀 React Native Expo: Mastering File-Based Routing in 2024! 📂
Переглядів 19621 день тому
Unlock the power of file-based routing in your React Native projects with Expo! In this video, I'll guide you through the essentials of setting up and implementing file-based routing, making your navigation more intuitive and efficient. Perfect for both beginners and experienced developers looking to streamline their app development process. Don't forget to like, comment, and subscribe for more...
🔥 Ultimate Guide: Setting Up Your First React Native Project with Expo in 2024 🚀
Переглядів 66421 день тому
Ready to dive into React Native? In this video, I'll walk you through the complete setup of your first React Native project using Expo. From installation to running your app, I've got you covered with easy-to-follow steps and tips. Perfect for beginners and those looking to streamline their mobile development process in 2024. Don't forget to like, subscribe, and hit the bell icon for more tutor...
Easy JWT Authentication in Node.js | Step-by-Step Guide
Переглядів 221Місяць тому
🔐 Unlock the power of secure APIs with JWT in Node.js! This step-by-step tutorial shows you how to generate and verify JWTs effectively. Whether you're building secure REST APIs or just looking to implement authentication in your Node.js apps, this video has you covered. Learn how to set up JWT authentication from scratch, including: Setting up an Express server Generating JWTs with user-specif...
AWS SES + Python FastAPI | Simple Email Service
Переглядів 205Місяць тому
Welcome to our tutorial where we dive into integrating AWS Simple Email Service (SES) with Python FastAPI to handle email communications effortlessly! Whether you're building a notification system, marketing emails, or simply need to send transactional emails, this video has you covered. What you'll learn: Setting up AWS SES - Configure your SES account for email sending. Python FastAPI Setup -...
AWS SES + NODEJS Express | Simple Email Service
Переглядів 263Місяць тому
Welcome to my tutorial on integrating NODEJS Express with AWS SES (Simple Email Service) - a powerful combination for streamlined email communication in your web applications! In this comprehensive guide, I'll walk you through the step-by-step process of seamlessly integrating NODEJS Express with AWS SES. Whether you're a seasoned developer or just starting out, this tutorial is designed to hel...
Understanding the Node.js Event Loop: Is Node.js Single or Multithreaded?
Переглядів 125Місяць тому
Welcome to our deep dive into the Node.js Event Loop! In this video, we uncover the mechanics of how Node.js handles asynchronous operations, despite its single-threaded nature. Learn how Node.js utilizes the Event Loop alongside the Libuv library to perform non-blocking I/O operations, which allows it to efficiently manage multiple tasks concurrently. We'll explore: 🌀 The architecture of the N...
Strategies for Effective Problem-Solving | Developer Insights | Vlog 2
Переглядів 1496 місяців тому
Join us in Vlog #2 as we dive into advanced problem-solving strategies tailored for developers. This episode isn't just about coding; it's about thinking outside the box, tackling challenges in software development, and leveraging creativity for innovative solutions. Whether you're a seasoned pro or just starting, gain insights that transform the way you approach problems in tech. Perfect for d...
Mastering React: useReducer & createContext | CRUD Operations
Переглядів 2306 місяців тому
🚀 Dive deep into React with this tutorial on useReducer and createContext for CRUD operations! 💻 Perfect for developers eager to enhance their React skills. We'll explore how useReducer provides predictable state transitions, making state management a breeze. 🌟 Plus, useContext brings a seamless way to pass data through the component tree. No prop drilling! 🌲 Learn to build a dynamic, efficient...
Deploy NextJS to AWS Amplify
Переглядів 5876 місяців тому
Amplify's new experience lets frontend devs build fullstack AWS apps easily. Code frontend and backend in TypeScript, use file conventions, and manage with Git branches. Deploying your Next.js app is smooth and efficient with this approach. #AWS #Amplify #nextjstutorial #FullstackDevelopment #TypeScript #Git #Coding #CloudComputing 🚀👨‍💻🌐 My username on web: itsmaheshkariya #NextJs #maheshkariya...
Connect EC2 With VSCode SSH
Переглядів 7 тис.8 місяців тому
🚀 In this video, I'll guide you step-by-step on how to connect your Amazon EC2 instance with Visual Studio Code using SSH! 🖥️🔗 Learn how to seamlessly integrate your development environment with your EC2 instance, making coding on the cloud a breeze. 🌥️💻 No more juggling between terminals - I'll show you how to set up SSH, configure VSCode, and establish a secure connection. 🛡️🔐 Join me in this...
PostgREST API Framework for Postgres | Docker | PGAdmin4 | Postgres
Переглядів 4,8 тис.9 місяців тому
🎥 Dive into the world of PostgREST with me! In this video, I'll guide you through the ins and outs of this powerful API framework, designed to supercharge your PostgreSQL database interactions. 💡 Learn how to effortlessly create robust and scalable RESTful APIs, streamlining your development process. 🚀 Discover the magic of auto-generating endpoints, ensuring seamless communication between your...
BunJS 1.0 is Here | Fastest JS Runtime on the planet earth
Переглядів 1,1 тис.9 місяців тому
BunJS 1.0 is Here | Fastest JS Runtime on the planet earth
Clickhouse: Query billions of rows in milliseconds
Переглядів 6379 місяців тому
Clickhouse: Query billions of rows in milliseconds
What is AWS LightSail ?
Переглядів 6 тис.9 місяців тому
What is AWS LightSail ?
AWS Lambda + MySQL + Docker using sam CLI | CloudFormation
Переглядів 1,2 тис.10 місяців тому
AWS Lambda MySQL Docker using sam CLI | CloudFormation
AWS API Gateway
Переглядів 22010 місяців тому
AWS API Gateway
Choose Right Technology For Future
Переглядів 23011 місяців тому
Choose Right Technology For Future
AWS Lambda With DyanamoDB in Java using Sam CLI | CRUD In AWS Lambda and DynamoDB With Deployment
Переглядів 2,7 тис.11 місяців тому
AWS Lambda With DyanamoDB in Java using Sam CLI | CRUD In AWS Lambda and DynamoDB With Deployment
AWS DMS Database Migration Service
Переглядів 19 тис.11 місяців тому
AWS DMS Database Migration Service
My Epic Journey as a Software Developer
Переглядів 371Рік тому
My Epic Journey as a Software Developer
Using Qwik for the first time
Переглядів 413Рік тому
Using Qwik for the first time
NextJS 13.04 released
Переглядів 250Рік тому
NextJS 13.04 released
AutoGPT Setup from Scratch
Переглядів 351Рік тому
AutoGPT Setup from Scratch
Deno 1.33: Deno 2 is coming | Built-in KV database and much more
Переглядів 524Рік тому
Deno 1.33: Deno 2 is coming | Built-in KV database and much more
FastAPI vs. Fastify vs. Spring Boot vs. Gin Benchmark
Переглядів 4,9 тис.Рік тому
FastAPI vs. Fastify vs. Spring Boot vs. Gin Benchmark
Essentials for IT | How to get a job in IT | IT Roadmap | Carrier in IT Industry | Fresher
Переглядів 302Рік тому
Essentials for IT | How to get a job in IT | IT Roadmap | Carrier in IT Industry | Fresher
SonarQube host and deploy on local and cloud | Code Quality | Code Coverage
Переглядів 1,5 тис.Рік тому
SonarQube host and deploy on local and cloud | Code Quality | Code Coverage

КОМЕНТАРІ

  • @elema8927
    @elema8927 2 дні тому

    Very good vidio

  • @AshwinRachha
    @AshwinRachha 2 дні тому

    Thank you for the tutorial Mahesh. Youre a wonderful demonstrator.

  • @anushareddy2602
    @anushareddy2602 3 дні тому

    Helpful to me 👏

  • @kujtims
    @kujtims 4 дні тому

    wtf did i just watch

  • @guilhermemfreire
    @guilhermemfreire 5 днів тому

    Hi. Nice video. Thank you. I have a question, what's the full command for docker-compose? What's after --remove flag?

  • @shekelboi
    @shekelboi 9 днів тому

    I'm wondering if it's possible to use Terraform instead of CloudFormation.

    • @maheshkariya
      @maheshkariya 9 днів тому

      I think everything is same if you need control over aws aprt from Kubernetes go for formation

    • @shekelboi
      @shekelboi 9 днів тому

      @@maheshkariya I'm afraid the company requires Terraform 🥲 but thank you, I think I'll manage with some code converter maybe

  • @npanil-je9yj
    @npanil-je9yj 9 днів тому

    The tutorial is not at all clear, please explain clearly what command is used for what it's good to be maintain clear

  • @philippvolkmer2843
    @philippvolkmer2843 9 днів тому

    Thank you! Nice video

  • @Sensibleclarity
    @Sensibleclarity 12 днів тому

    Thank you so much 🙏 all of the other tutorials on Expo and React Native are old and they were confusing, yours is the only one with the new stuff

  • @IOSARBX
    @IOSARBX 14 днів тому

    Mahesh Kariya, I loved this video so much, I had to hit the like button!

  • @vinitkeshri9938
    @vinitkeshri9938 19 днів тому

    MANN , Awesome. Thanks for this. Azure website portal is confusing.

  • @mohitashliya8750
    @mohitashliya8750 20 днів тому

    beautiful explaination of why we use shchema serializers, I was confused at first now not. Thanks greate value

  • @IfeanyiOnyejiaka-te2mt
    @IfeanyiOnyejiaka-te2mt 20 днів тому

    This was exactly what i was looking for.... This tutorial really made things very easy for me... thanks

  • @meenakariya4394
    @meenakariya4394 21 день тому

    Best

  • @OGgaming5555
    @OGgaming5555 23 дні тому

    Sir please teach me coding

  • @OGgaming5555
    @OGgaming5555 23 дні тому

    Yeahhh boiii

  • @andrij.demianczuk
    @andrij.demianczuk 24 дні тому

    This is an absolutely killer tutorial! 🙏 ❤

  • @mrmbeautiquethebrand
    @mrmbeautiquethebrand 24 дні тому

    Json server is not define

    • @maheshkariya
      @maheshkariya 21 день тому

      Where

    • @mrmbeautiquethebrand
      @mrmbeautiquethebrand 20 днів тому

      @@maheshkariya actually I made a mistake. I off react app then I tried to run json server 😆

  • @aminranjbar9397
    @aminranjbar9397 26 днів тому

    why all user user user user you can us beteer name im think user and user and user and user for user delet f user name

  • @mahikakumani9414
    @mahikakumani9414 27 днів тому

    What is the vs code extension, you are using for displaying code syntax error in code editor

  • @ScarlettDanger
    @ScarlettDanger 29 днів тому

    Thank you!

  • @massstatus02
    @massstatus02 29 днів тому

    bro i need source code

    • @maheshkariya
      @maheshkariya 26 днів тому

      Try with GPT I don’t have it now

  • @tanujarora3782
    @tanujarora3782 Місяць тому

    Can we set from Number to any in API?

  • @user-mf1xh9yu8i
    @user-mf1xh9yu8i Місяць тому

    is this whatsapp messages servies by twilio supported in india?

  • @pawelstefaniak3756
    @pawelstefaniak3756 Місяць тому

    Title is misleading.

  • @KirtiRanjan
    @KirtiRanjan Місяць тому

    4:05 The standard port for DNS is port 53. Thats why they used the Route 53 for the DNS service.

  • @rileyswenson7075
    @rileyswenson7075 Місяць тому

    Thank you for being concise and informative. I'm so tired of UA-cam videos that explain the subject in a generic fashion for 5 minutes before showing any actual code. You cut to the chase, cram tons of useful information in, and got me up/running in no time! Subscribing!

  • @rohitchavan1034
    @rohitchavan1034 Місяць тому

    what about the refresh token ? you are just generating token and verifying it, if it is not valid you should issue the refresh token.

    • @maheshkariya
      @maheshkariya Місяць тому

      I made another video for it already 🙂

  • @jyotishpandey2621
    @jyotishpandey2621 Місяць тому

    Bro you are telling us how to do or you are memorizing in yourself, pls firstly understand how to describe the process a bit slowly and then make video, otherwise don't make

  • @jerrelkenemore9699
    @jerrelkenemore9699 Місяць тому

    Excellent tutorial, nice work.

  • @benbrahimilias426
    @benbrahimilias426 Місяць тому

    what a Legend you are!

  • @windandkitesurfer
    @windandkitesurfer Місяць тому

    Thanks for posting, interesting in even after a year since posting the AWS interface has changed from your screen shots - in 3 months it will be different still :) ...but able to identify where everything is, so all worked out!

  • @speedy-shots
    @speedy-shots Місяць тому

    what if I don't install docker and try to connecting the flutter with spring boot will it work or not.

  • @anushkabajpai961
    @anushkabajpai961 2 місяці тому

    Hey, sir i have a query.. how can i make a bot that is linked to my website and users can check their course status when they ask to whatsapp bot about their status, the bot can check from the website and answer in the chat...is this achievable?

  • @facundogomezgeneiro5559
    @facundogomezgeneiro5559 2 місяці тому

    Thank you Mahesh

  • @SurajRoy
    @SurajRoy 2 місяці тому

    Do I have to create ec2 instance first or I can directly create lightsail ?

  • @sumeetchandel9521
    @sumeetchandel9521 2 місяці тому

    How to contact you ?

    • @maheshkariya
      @maheshkariya 2 місяці тому

      Only for business discussion you can connect me at itsmaheshkariya@gmail.com

  • @madhusmitabehera238
    @madhusmitabehera238 2 місяці тому

    Thank you for this tutorial..it helps me to deploy my express.js in webapp

  • @teshomemosneh5429
    @teshomemosneh5429 2 місяці тому

    Very Nice video But I couldn't run it Please help me I think it is related to JSON server

  • @HimanshuPatel-wn6en
    @HimanshuPatel-wn6en 2 місяці тому

    Enjoyed a lot . Please make new videos related to node.

  • @justiceessiel6123
    @justiceessiel6123 2 місяці тому

    Please take the same thing and implement on google map with differnt clients just like real time movement

  • @SmartC2007
    @SmartC2007 2 місяці тому

    Hey. Thanks a lot for your effort. IT's hard to follow, when you copy in code and then don't show the full lines. So, I don't know for example what classes you have added to the sign in button. Please take your time to show/explain the lines that you copy in. Thanks a lot.

  • @digitronix532
    @digitronix532 2 місяці тому

    Can I deploy Server alone as Json ?

  • @sunshu143
    @sunshu143 2 місяці тому

    Yes sir... Watching your video till end..

  • @sunshu143
    @sunshu143 2 місяці тому

    Any dance video sir ??? Any Instagram account??

  • @sunshu143
    @sunshu143 2 місяці тому

    Thanks sir for motivating

  • @LordPsychocutioner
    @LordPsychocutioner 2 місяці тому

    This thing sucks to use. I cannot even figure out how to get the github I selected to work or even how and where to edit this!

    • @maheshkariya
      @maheshkariya 2 місяці тому

      Which stack you have to deploy ?

  • @strydomobile
    @strydomobile 2 місяці тому

    Thanks for this Mahesh. I'm a Data Engineer, that is drifting towards being a developer and videos like this makes my life a lot easier. Keep on making it :)