C O D E X
C O D E X
  • Видео 6
  • Просмотров 591 594
📱 Build a Coffee Shop App using React Native ☕| Beginner | 2023
Hello Everyone, Today we are going to build a fully functional Coffee Shop App using React Native and Zustand (State Management Library). In this project, you can browse the list of Coffees and Coffee Beans. You can also search for the Coffees of your choice and look for the details like Special Ingredients, Roast Level, Ratings, and Description as well. You can Favourite any item and you can add these items to the Cart and place the order. So, Sit back and Relax, Grab some snacks, and Enjoy the Video.
📱 Build a Coffee Shop App using React Native ☕| Beginner | 2023
Github Repo - github.com/darshanpawar101/Coffee-Shop-App
Link to Figma Design - www.figma.com/file/RyVLhDKrymZhThABrSgzIK
Follow ...
Просмотров: 317 620

Видео

📱 Build a Movie Ticket Booking App Using React Native 🎦| Beginner | 2023
Просмотров 68 тыс.Год назад
Hello Everyone, Today we are going to build a fully functional Movie Ticket Booking App using React Native using TheMovieDataBase API. In this project, you can browse Now Playing Movies, Popular Movies, and Upcoming Movies. You can also search for the movies of your choice and look for the details like Movie Overview, and Movie Cast and also you are able to select seats and book tickets and sto...
How to Install Flutter in Windows 11 - (2023)
Просмотров 8 тыс.Год назад
In this video I have explained, How to Install Flutter on Windows 11 Getting Started in Flutter. Time Stamps 00:00 - Intro to Flutter 00:40 - Flutter SDK Installation 02:54 - Java JDK 11 Installation 05:06 - Android Studio Installation 06:34 - Android SDK Command-Line Tools Installation 07:09 - Creating Virtual Device using AVD Manager 08:16 - Flutter and Android Studio Fix 10:00 - Android Tool...
How to Install React Native in Windows 11 - (2023)
Просмотров 22 тыс.Год назад
In this video I have explained, How to Install React Native on Windows 11 Getting Started in React Native. Some of the links That I used are Time Stamps 00:00 - Intro to React Native 01:14 - NVM for Windows 03:00 - Node Installation via NVM 05:56 - JDK 11 Installation 08:04 - Android Studio Installation 09:53 - Android SDK Installation for React Native 11:35 - Adding ANDROID_HOME to Environment...
How to Install React Native in Windows 10 (Getting Started in React Native).
Просмотров 109 тыс.3 года назад
In this video, I have explained how you can install React Native in Windows 10 using Android Studio and NodeJS.
How to make Hello World App in Android Studio 2019.
Просмотров 68 тыс.5 лет назад
In this tutorial it is shown that how to make an Hello World Android App in Android Studio. Like, Comment and Share The Video. Hope You Guys Like The Video. For More Content Subscribe to the Channel. Thank You!

Комментарии

  • @Sumobam09
    @Sumobam09 День назад

    Im watching this tutorial on late 2024, and it still works!! just make sure to use the latest versions instead of the versions said on the video!!

  • @khushboochaudhary5505
    @khushboochaudhary5505 5 дней назад

    Hey! I am new ro React Native. Can I build this project using expo instead of react native CLI?

  • @LuckySingh-z3c
    @LuckySingh-z3c 7 дней назад

    Very useful video, explained very well 🎉

  • @sohaibriaz3491
    @sohaibriaz3491 7 дней назад

    can i get a video on how to setup andriod studio completely?

  • @musicformindandbody514
    @musicformindandbody514 10 дней назад

    Does this tutorial targets only android?

  • @vashishnowlotha9163
    @vashishnowlotha9163 25 дней назад

    It is saying error failed to install the app when debuging in terminal (npx react-native run-android) How to fix it?

  • @rohitmangale4256
    @rohitmangale4256 27 дней назад

    does it have a backend?

  • @vortex-dev
    @vortex-dev Месяц назад

    Dependencies installation fails. This tutorial doesn't work anymore. RNv0.76. Ubuntu 22.04

  • @kiran5808
    @kiran5808 Месяц назад

    If you are available please provide this project documentation bro❤❤

  • @khushichandravansi5439
    @khushichandravansi5439 Месяц назад

    can i make this project using expo

  • @nithinkottary9578
    @nithinkottary9578 Месяц назад

    is learning. react native in 2024 has scope? @codex

  • @emmaoye2704
    @emmaoye2704 2 месяца назад

    I keep geting Mainactivity.java not on te classpath

  • @phongfunny668
    @phongfunny668 2 месяца назад

    Do you have an erd diagram?

  • @aadilraza0
    @aadilraza0 2 месяца назад

    Bro amazing

  • @aadilraza0
    @aadilraza0 2 месяца назад

    So this icons yeah

  • @JuddJulia-j7r
    @JuddJulia-j7r 2 месяца назад

    Perez Thomas Walker Helen Jackson Amy

  • @SrikanthBethi9885
    @SrikanthBethi9885 2 месяца назад

    Is it works on ios?

  • @codenissi
    @codenissi 2 месяца назад

    Amazing app, it could upgrade to a multivendor application? Any coffee shop can create their account and display there available coffee?

  • @Matheusxdsls
    @Matheusxdsls 2 месяца назад

    In this video, do you teach how to integrate a payment gateway API?

  • @satyamverma2074
    @satyamverma2074 2 месяца назад

    is there authentication included in this project??

  • @harshitsuthar1210
    @harshitsuthar1210 2 месяца назад

    which emulator is used to display android phone's display on desktop??

  • @hl6903
    @hl6903 3 месяца назад

    Waiting videos with forebase + payment (razopay)

  • @hl6903
    @hl6903 3 месяца назад

    Waiting for more videos

  • @NitinGautam-i1j
    @NitinGautam-i1j 3 месяца назад

    Now I am feeling confident while building the best project in react Native by CODEX. Thank you brother for creating such content

  • @mr.jaiswal4270
    @mr.jaiswal4270 3 месяца назад

    Can you help me For login with phone number and Google account?? In your video i don't see this

  • @shoaibshaikh4529
    @shoaibshaikh4529 3 месяца назад

    I download this video ❤

  • @CharlesTripp-dl1it
    @CharlesTripp-dl1it 3 месяца назад

    How rigorous would it be to incorporate a points-based rewards system with a DB connection do you imagine? With added features such as recognizing an existing customer based on their card details?

  • @NTJJ
    @NTJJ 3 месяца назад

    i have a problem that the template did not show up and i dont know how to fix it can u help me please?

  • @Secret_Aspirant
    @Secret_Aspirant 3 месяца назад

    How to make Admin Panel Of this app like where to upload New Movies etc

  • @gozdeyildiz5910
    @gozdeyildiz5910 3 месяца назад

    Hello, I do the same processes as you but when I write npx react-native run-android it gives me this error Failed to launch emulator. Reason: The emulator (Medium_Phone_API_35) quit before it finished opening. You can try starting the emulator manually from the terminal with: C:\Android\sdk/emulator/emulator @Medium_Phone_API_35. How can i fix this? I would be very happy if you answer, thx.

  • @irokomause8311
    @irokomause8311 3 месяца назад

    Please ,Is there anyone know codex where about

  • @CrippledKittens13
    @CrippledKittens13 3 месяца назад

    Good, but the music is too loud and your voice is muffled.

  • @jaydesai6677
    @jaydesai6677 3 месяца назад

    Because this looks good this not means it useful, peoples can use google pay instead of this app and they prefer manual menu then online. Still your content is wonderful thank you for sharing, i really appreciate

  • @terteyty6125
    @terteyty6125 4 месяца назад

    great tut bro, keep going u deserve more subs

  • @atsnitya3654
    @atsnitya3654 4 месяца назад

    Backend available??

  • @venkatsai6311
    @venkatsai6311 4 месяца назад

    00:05 Build a coffee shop app using React Native 02:42 Exploring the details screen of the app 08:07 Building a Coffee House app using React Native CLI and setting up initial project 10:53 Dependencies for React Native coffee shop app 16:47 Configure app for portrait mode and install dependencies for React Native app development 19:19 Installing navigational and elemental dependencies for the app. 24:52 Adding required asset folders for the Coffee Shop App 27:37 Copying and pasting specific folders and files for project setup. 33:18 Setting up data, theme, and assets for the app 36:06 Setting up State Management Library folder 41:58 Creating six screens using React Native 45:42 Creating a stack Navigator and setting up a tab Navigator 52:12 Configuring Navigator options and tab bar style in React Native 55:28 Customize tab bar style and background blur in React Native app 1:01:19 Creating a store for coffee app data display 1:04:28 Creating and using a store in the coffee shop app 1:10:48 Understanding the structure of the data and extracting the categories 1:14:32 Creating a property and setting values in data 1:20:16 Adding styles and header to the Coffee Shop App using React Native 1:23:36 Creating and defining header bar props for the app. 1:30:04 Creating gradient backgrounds and profile picture in React Native 1:33:36 Adding basic properties and styles for the header component 1:39:43 Building custom search icon and text input in the app 1:42:37 Styling the text input and custom icon 1:48:43 Dynamically creating a list based on data size 1:51:17 Rendering different views based on index 1:57:08 Changing category and setting coffee list 1:59:46 Setting up Flat List and its properties 2:05:32 Configuring and handling properties for the coffee shop app 2:09:19 Adding background image to the coffee app 2:15:50 Styling and adding text, price, and button 2:18:43 Styling functional components in React Native 2:25:21 Styling and customizing various components in the Coffee Shop app 2:28:27 Building a card list with specific styling requirements. 2:34:18 Fixed scrolling and search functionality 2:36:58 Adding custom icon and functions 2:42:25 Implementing search and reset functionality for coffee list 2:44:58 Handling display of empty flat list 2:50:35 Creating functionality to add items to the cart. 2:53:07 Using the produce function from immer package for state manipulation. 2:58:44 Implement custom sort function based on item size for the cart list. 3:01:21 Updating or adding items to cart and calculating cart price in React Native app. 3:06:58 Calculating cart price and adding item to favorite list 3:09:36 Updating the coffee list item and adding to the favorite list 3:14:44 Updating functionality using set and produce methods 3:17:23 Using the splice method to remove an item from the favorite list. 3:22:43 Implementing dynamic item display based on type and index 3:25:44 Adding scroll view and customizing its properties 3:31:12 Setting up design elements with the required properties 3:34:42 Adding image background and setting up details screen. 3:41:01 Adding styles to the view for the coffee shop app 3:43:39 Handling navigation function and adding a toggle favorite feature in React Native app. 3:48:48 Building the view for displaying information in the app 3:51:39 Defining conditional styles based on the type of item 3:57:12 Styling the info container and inner container 4:00:26 Styling the user interface with font, container, and text adjustments. 4:06:23 Adjusting visual elements for proper alignment and appearance 4:09:18 Creating a state variable for conditional rendering 4:15:52 Creating a dynamic UI for a coffee shop app 4:18:40 Styling the container and setting price 4:24:21 Creating a payment footer component with props 4:27:17 Handling different functionalities for the payment component 4:33:07 Styling the price and pay button components 4:36:11 Implementing add to cart functionality 4:41:43 Adding items to the cart and implementing cart functionality. 4:44:42 Adding functionality to the home screen 4:50:10 Building functionality for the cart screen 4:52:35 Implement functions to increment and decrement item quantity in the coffee shop app using React Native 4:58:11 Logic of removing and decreasing quantities in a coffee shop app. 5:00:37 Implementing functions for removing and adding items to cart and order history list 5:05:29 Updating order history list based on conditions 5:07:58 Functional part of store completed, moving forward to card screen. 5:13:24 Completing the header setup with conditional rendering 5:15:52 Setting the style for the card container with Flex 1 5:22:34 Adding items inside the item container and mapping cart items 5:25:37 Conditionally render cart list and payment footer 5:31:29 Implementing card item display and layout customization based on data 5:34:51 Creating a linear gradient and styling the card item 5:41:19 Adding multiple sizes and changing styles for items. 5:44:28 Styling and layout configuration for the coffee shop app 5:50:29 Styling and positioning text elements 5:53:26 Creating and styling buttons and text in the app. 5:59:24 Creating multi-size and single layout for the app. 6:02:12 Customizing styles for the coffee shop app 6:08:00 Adding properties for layout design 6:11:12 Implementing store functions for card item quantity management. 6:16:38 Copying and pasting the detailed screen 6:19:21 Fixing spelling mistakes and initializing functions in the favorite list and details page. 6:26:59 Building components for the Coffee Shop App using React Native. 6:30:20 Implementing styling and properties 6:36:18 Building the payment screen for the coffee shop app. 6:40:04 Adding a scroll view and header container with styles 6:46:36 Creating and handling payment method component 6:49:47 Building the payment method component and adding styles. 6:56:06 Setting dynamic border color and other styles for the app components 6:59:39 Implementing payment functionality 7:05:36 Setting up payment screen and credit card view. 7:09:01 Creating styles for credit card details display 7:15:33 Formatting credit card details 7:18:29 Implementing font styles and alignment for credit card details 7:23:57 Conditional rendering of animation before navigating to history screen. 7:27:00 Setting up the container and animation for the coffee shop app using React Native 7:33:10 Setting up scroll view and styles for the container. 7:35:51 Creating and populating the order history screen. 7:41:24 Building order history card component 7:44:22 Setting up header and subtitle components with styles 7:50:26 Fixing syntax error in order history card component. 7:53:25 Building the UI for the order item card 7:59:40 Styling card elements for the coffee shop app. 8:02:48 Creating a table view component in React Native. 8:08:24 Designing layouts with borders and alignment in React Native 8:11:31 Designing the layout for the app 8:17:47 Creating a download button with proper styling and adding functionality for animation 8:20:53 Implementing timeout method for function execution and animation setup 8:25:59 Creating and customizing app logo and splash screen 8:28:28 Installing and configuring React Native Splash Screen package 8:33:21 Add splash screen to the app for successful loading 8:35:46 Customizing App Design and Icons 8:41:28 Build a Coffee House app with React Native 8:44:03 Coffee shop app completed using React Native

  • @Yhavhawithshrimanth
    @Yhavhawithshrimanth 4 месяца назад

    Sir but firstly we talk to movie theatres owner and how to publish at Play Store

  • @sohamdwivedi6340
    @sohamdwivedi6340 4 месяца назад

    The ToggleFavorite works for coffee but doesn't work for Beans, for beans i can like it but can't reverse it, can you tell a solution to this?

  • @mohsinwaheed3402
    @mohsinwaheed3402 4 месяца назад

    netflix clone please

  • @AadityaChouhan
    @AadityaChouhan 4 месяца назад

    Which emulator you've used

  • @sohamdwivedi6340
    @sohamdwivedi6340 4 месяца назад

    In the HomeScreen the functiion getCategoryFromData the error that comes is : cannot read property 'length' of undefined, i.e some problem in data.length, what to do?

    • @buildwithcodex
      @buildwithcodex 4 месяца назад

      @@sohamdwivedi6340 try to use data?.length to handle undefined value.. everywhere.

  • @SGTrader
    @SGTrader 4 месяца назад

    It was all very smooth until you ask to clean the folder. cd android for some reason not working. it says cd: Can not find path because it does not exist. At line: 1 char:1 Do you know why this happened?

    • @buildwithcodex
      @buildwithcodex 4 месяца назад

      @@SGTrader check list of files and folder with command ls. Then navigate

  • @JibanPandey-cj7fg
    @JibanPandey-cj7fg 4 месяца назад

    Hi, I'm facing an issue with Gradle while running a React Native project on Windows. The build fails with the following error: 'java.io.UncheckedIOException: Could not move temporary workspace to immutable location.' I've tried running the command prompt as an administrator, clearing the Gradle cache, and ensuring I have the correct permissions. Has anyone encountered this issue before or knows how to resolve it? Thanks!

  • @JibanPandey-cj7fg
    @JibanPandey-cj7fg 4 месяца назад

    Hi, I'm facing an issue with Gradle while running a React Native project on Windows. The build fails with the following error: 'java.io.UncheckedIOException: Could not move temporary workspace to immutable location.' I've tried running the command prompt as an administrator, clearing the Gradle cache, and ensuring I have the correct permissions. Has anyone encountered this issue before or knows how to resolve it? Thanks!

  • @mohsinali4783
    @mohsinali4783 4 месяца назад

    If someone wanted to build this app using expo what tweaks or changes should be made?

    • @buildwithcodex
      @buildwithcodex 4 месяца назад

      @@mohsinali4783 The changes required to build the app using expo is very larger and almost close to building from scratch because to rebuild in expo it requires project setup, expo libraries, expo integration everything will be changing. So Stay tuned. I am working on something for both bare rn-cli and expo.

    • @mohsinali4783
      @mohsinali4783 4 месяца назад

      @@buildwithcodex What emulator are you using? and do you have any video how to setup/install it?

    • @buildwithcodex
      @buildwithcodex 4 месяца назад

      @@mohsinali4783 Yes, Check if this helps - ruclips.net/video/uJv6_S9yqK4/видео.htmlsi=ACYA_jOi4SZ6UXjn

    • @mohsinali4783
      @mohsinali4783 4 месяца назад

      @@buildwithcodex thank you just what i needed, but is 30 gb free disk space enough for running android studio and emulators? last time i installed it kept showing low disk space error.

    • @buildwithcodex
      @buildwithcodex 4 месяца назад

      @@mohsinali4783 yeah that should be enough.

  • @3022_shaikh_shahbaaz
    @3022_shaikh_shahbaaz 4 месяца назад

    BRO ISME ADMIN PANEL NHI HAI KYA?

  • @anazi
    @anazi 5 месяцев назад

    I loved the ticket design 👍🔥

  • @LêĐìnhPhúc-v5r
    @LêĐìnhPhúc-v5r 5 месяцев назад

    When I create a project, it outputs the Kotlin language, not the Java language. Can you help me create a project in java language?

    • @buildwithcodex
      @buildwithcodex 5 месяцев назад

      Use this updated command to create project - npx react-native init Coffee_Shop_App --version 0.72.4

    • @LêĐìnhPhúc-v5r
      @LêĐìnhPhúc-v5r 5 месяцев назад

      ​@@buildwithcodexThank you very much

    • @rainkode8795
      @rainkode8795 3 месяца назад

      ​@@buildwithcodexplease come back brother, we are waiting for you, God bless you 🙏

  • @JEE-nf1cv
    @JEE-nf1cv 5 месяцев назад

    Hey @18:16 my file in main is not java but kotlin how to deal with that?

  • @JEE-nf1cv
    @JEE-nf1cv 5 месяцев назад

    Hey Thanks its working!!!