Build a React Native App with Firebase Auth & Chat #3 - SignIn & SignUp UI

Поділитися
Вставка
  • Опубліковано 24 січ 2024
  • Hello everyone 👋, in this video we are going design the SignIn and SignUp screens using tailwindcss, vector icons and lottie animations. we will also make our UI responsive so that it looks good on all the devices.
    If you appreciate my work and you would like to support my channel: www.buymeacoffee.com/codewith...
    🚀 Source Code: links.codewithnomi.com/fireba...
    Expo Router Authentication: docs.expo.dev/router/referenc...
    Learn Expo Router: • Build complex layouts ...
    Expo Router Installation: docs.expo.dev/routing/install...
    Nativewind installation: www.nativewind.dev/v4/getting...
    Reanimated installation: docs.swmansion.com/react-nati...
    🚨 more videos on react native:
    Fitness App: • 🔴 Build a Fitness App ...
    Food Recipe App : • 🔴 Build Food Recipe Ap...
    Movie App : • 🔴 Build Movie App Usin...
    Onboarding UI with Lottie Animations: • 🔴 Onboarding UI with L...
    AI Voice Assistant with ChatGPT & DALL-E : • 🔴 Build a React Native...
    Travel App UI : • 🔴 Travel App UI | Reac...
    Weather App : • 🔴 Build Weather App Us...
    Coffee App UI : • 🔴 Coffee App UI - Reac...
    Food Delivery App : • 🔴 Build Food Delivery ...
    UA-cam Clone App: • 🔴 UA-cam Clone - Reac...
    Login | SignUp UI : • 🔴 Login | SignUp UI - ...
    Fast Food App : • 🔴 Fast Food App UI - R...
    App Store UI : • 🔴 App Store UI - React...
    Fruit Shop UI : • 🔴 Fruit Shop UI - Reac...
    Firebase Authentication React Native: • React Native Firebase ...
    Food Delivery App : • Food Delivery App with...
    Learn React Native: • Build Expensify App Wi...
    Learn Reactjs: • Modern React For Begin...
    #expo #reactnative #tailwindcss #javascript #programming #typescript #speedcode #coding #design #appdevelopment #reactjs #ui #uiux #reactnavigation #reactnativetutorial #react #animation #reactjs #navigation #navigationbar #uidesign #mobiledevelopment #iosdeveloper #buildinpublic #opensource #reactnativeapp #reactjstutorial #typescript
    react native animations
    animations in react native
    react native tutorial
    react native app
    react native tutorial for beginners
    react native project
    react native course
    reanimated 3.0
    react native reanimated
    react native firebase auth
    firebase auth in react native
    realtime chat in react native
    firebase authentication
    react native firebase chat
    animations

КОМЕНТАРІ • 16

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

    Amazing. your design is excellent.

  • @CanalGeekDev
    @CanalGeekDev 4 місяці тому

    Fantastic content!

  • @RonanThomas
    @RonanThomas 4 місяці тому

    Looking forward to part 4. I havent used Firebase before and ideally would like to learn how to set up seperate roleTypes with it for my own app. Thanks Nomi

  • @adilrao7777
    @adilrao7777 4 місяці тому

    Amazing 👍

  • @Technology_Forum
    @Technology_Forum 4 місяці тому

    Do we need to install the Xcode or android studio for the emulator or with expo comes bundled with emulator and we don’t need Xcode or android studio

  • @yuliav4682
    @yuliav4682 4 місяці тому

    As always valuable content. Could I have your images, please😊

  • @ohiduzzaman_siam
    @ohiduzzaman_siam 4 місяці тому

    Next part please.

  • @moriljeanfrancois8532
    @moriljeanfrancois8532 4 місяці тому

    thanks for sharing your knowledge. can you provide de source code please

  • @alvin942
    @alvin942 4 місяці тому

    Next part please :((

    • @codewithnomi
      @codewithnomi  4 місяці тому

      Coming tomorrow 😉

    • @alvin942
      @alvin942 4 місяці тому

      @@codewithnomi really looking forward to it.

  • @user-lw7ri6jt1j
    @user-lw7ri6jt1j 4 місяці тому

    where is the source code ?

    • @codewithnomi
      @codewithnomi  4 місяці тому

      Will share the source code once the app is complete 😉