Mahesh Kariya
Mahesh Kariya
  • 171
  • 1 286 377
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
zhlédnutí: 114

Video

🔍 React Native: React ContextAPI Explained 🚀
zhlédnutí 61Před 14 dny
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 🚀
zhlédnutí 95Před 14 dny
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! 📂
zhlédnutí 158Před 14 dny
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 🚀
zhlédnutí 539Před 14 dny
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
zhlédnutí 187Před měsícem
🔐 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
zhlédnutí 186Před měsícem
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
zhlédnutí 228Před měsícem
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?
zhlédnutí 112Před měsícem
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
zhlédnutí 148Před 5 měsíci
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
zhlédnutí 224Před 5 měsíci
🚀 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
zhlédnutí 572Před 6 měsíci
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
zhlédnutí 6KPřed 8 měsíci
🚀 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
zhlédnutí 4,7KPřed 8 měsíci
🎥 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
zhlédnutí 1,1KPřed 8 měsíci
BunJS 1.0 is Here | Fastest JS Runtime on the planet earth
Clickhouse: Query billions of rows in milliseconds
zhlédnutí 632Před 8 měsíci
Clickhouse: Query billions of rows in milliseconds
What is AWS LightSail ?
zhlédnutí 6KPřed 9 měsíci
What is AWS LightSail ?
AWS Lambda + MySQL + Docker using sam CLI | CloudFormation
zhlédnutí 1,2KPřed 10 měsíci
AWS Lambda MySQL Docker using sam CLI | CloudFormation
AWS API Gateway
zhlédnutí 214Před 10 měsíci
AWS API Gateway
Choose Right Technology For Future
zhlédnutí 229Před 10 měsíci
Choose Right Technology For Future
AWS Lambda With DyanamoDB in Java using Sam CLI | CRUD In AWS Lambda and DynamoDB With Deployment
zhlédnutí 2,6KPřed 11 měsíci
AWS Lambda With DyanamoDB in Java using Sam CLI | CRUD In AWS Lambda and DynamoDB With Deployment
AWS DMS Database Migration Service
zhlédnutí 18KPřed 11 měsíci
AWS DMS Database Migration Service
My Epic Journey as a Software Developer
zhlédnutí 368Před rokem
My Epic Journey as a Software Developer
Using Qwik for the first time
zhlédnutí 412Před rokem
Using Qwik for the first time
NextJS 13.04 released
zhlédnutí 250Před rokem
NextJS 13.04 released
AutoGPT Setup from Scratch
zhlédnutí 350Před rokem
AutoGPT Setup from Scratch
Deno 1.33: Deno 2 is coming | Built-in KV database and much more
zhlédnutí 524Před rokem
Deno 1.33: Deno 2 is coming | Built-in KV database and much more
FastAPI vs. Fastify vs. Spring Boot vs. Gin Benchmark
zhlédnutí 4,8KPřed rokem
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
zhlédnutí 302Před rokem
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
zhlédnutí 1,5KPřed rokem
SonarQube host and deploy on local and cloud | Code Quality | Code Coverage

Komentáře

  • @shekelboi
    @shekelboi Před 3 dny

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

    • @maheshkariya
      @maheshkariya Před 2 dny

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

    • @shekelboi
      @shekelboi Před 2 dny

      @@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 Před 3 dny

    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 Před 3 dny

    Thank you! Nice video

  • @Sensibleclarity
    @Sensibleclarity Před 5 dny

    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 Před 7 dny

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

  • @vinitkeshri9938
    @vinitkeshri9938 Před 13 dny

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

  • @mohitashliya8750
    @mohitashliya8750 Před 13 dny

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

  • @IfeanyiOnyejiaka-te2mt

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

  • @meenakariya4394
    @meenakariya4394 Před 14 dny

    Best

  • @OGgaming5555
    @OGgaming5555 Před 17 dny

    Sir please teach me coding

  • @OGgaming5555
    @OGgaming5555 Před 17 dny

    Yeahhh boiii

  • @andrij.demianczuk
    @andrij.demianczuk Před 17 dny

    This is an absolutely killer tutorial! 🙏 ❤

  • @mrmbeautiquethebrand
    @mrmbeautiquethebrand Před 18 dny

    Json server is not define

  • @aminranjbar9397
    @aminranjbar9397 Před 19 dny

    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 Před 20 dny

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

  • @ScarlettDanger
    @ScarlettDanger Před 22 dny

    Thank you!

  • @massstatus02
    @massstatus02 Před 23 dny

    bro i need source code

  • @tanujarora3782
    @tanujarora3782 Před 24 dny

    Can we set from Number to any in API?

  • @user-mf1xh9yu8i
    @user-mf1xh9yu8i Před měsícem

    is this whatsapp messages servies by twilio supported in india?

  • @pawelstefaniak3756
    @pawelstefaniak3756 Před měsícem

    Title is misleading.

  • @KirtiRanjan
    @KirtiRanjan Před měsícem

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

  • @rileyswenson7075
    @rileyswenson7075 Před měsícem

    Thank you for being concise and informative. I'm so tired of CZcams 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 Před měsícem

    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 Před měsícem

      I made another video for it already 🙂

  • @jyotishpandey2621
    @jyotishpandey2621 Před měsícem

    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 Před měsícem

    Excellent tutorial, nice work.

  • @benbrahimilias426
    @benbrahimilias426 Před měsícem

    what a Legend you are!

  • @windandkitesurfer
    @windandkitesurfer Před měsícem

    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 Před měsícem

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

  • @anushkabajpai961
    @anushkabajpai961 Před měsícem

    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 Před měsícem

    Thank you Mahesh

  • @SurajRoy
    @SurajRoy Před měsícem

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

  • @sumeetchandel9521
    @sumeetchandel9521 Před měsícem

    How to contact you ?

    • @maheshkariya
      @maheshkariya Před měsícem

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

  • @madhusmitabehera238
    @madhusmitabehera238 Před měsícem

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

  • @teshomemosneh5429
    @teshomemosneh5429 Před měsícem

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

  • @HimanshuPatel-wn6en
    @HimanshuPatel-wn6en Před 2 měsíci

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

  • @justiceessiel6123
    @justiceessiel6123 Před 2 měsíci

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

  • @SmartC2007
    @SmartC2007 Před 2 měsíci

    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 Před 2 měsíci

    Can I deploy Server alone as Json ?

  • @sunshu143
    @sunshu143 Před 2 měsíci

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

  • @sunshu143
    @sunshu143 Před 2 měsíci

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

  • @sunshu143
    @sunshu143 Před 2 měsíci

    Thanks sir for motivating

  • @LordPsychocutioner
    @LordPsychocutioner Před 2 měsíci

    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!

  • @strydomobile
    @strydomobile Před 2 měsíci

    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 :)

  • @hassanSAli6
    @hassanSAli6 Před 2 měsíci

    local realm files are really useful man we don't have to use redux in many use case

  • @fluffybunny510
    @fluffybunny510 Před 2 měsíci

    Aysa lag raha auto tune lagaya ho 😂

  • @TimothyBenjamin-ej7ig
    @TimothyBenjamin-ej7ig Před 2 měsíci

    But doesn't this stop when you just close the window ? Is it tyere any way to make it run even after closing the window !

  • @meghanathms823
    @meghanathms823 Před 2 měsíci

    expressssssssssssssssssssssssssssssssssssssssssssssssssssssssssss...........................................

  • @oluap7449
    @oluap7449 Před 2 měsíci

    Would have been nice to see an actual app here, like an API and a database together

  • @erdhyernando
    @erdhyernando Před 2 měsíci

    is it possible to have similar app but for raspberry pi?