- Видео 6
- Просмотров 591 594
C O D E X
Индия
Добавлен 30 май 2017
Start building your own apps today!
📱 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 ...
📱 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!
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!!
Hey! I am new ro React Native. Can I build this project using expo instead of react native CLI?
Very useful video, explained very well 🎉
can i get a video on how to setup andriod studio completely?
Does this tutorial targets only android?
It is saying error failed to install the app when debuging in terminal (npx react-native run-android) How to fix it?
does it have a backend?
Dependencies installation fails. This tutorial doesn't work anymore. RNv0.76. Ubuntu 22.04
If you are available please provide this project documentation bro❤❤
can i make this project using expo
is learning. react native in 2024 has scope? @codex
I keep geting Mainactivity.java not on te classpath
Do you have an erd diagram?
Bro amazing
So this icons yeah
Perez Thomas Walker Helen Jackson Amy
Is it works on ios?
Amazing app, it could upgrade to a multivendor application? Any coffee shop can create their account and display there available coffee?
In this video, do you teach how to integrate a payment gateway API?
is there authentication included in this project??
which emulator is used to display android phone's display on desktop??
Waiting videos with forebase + payment (razopay)
Waiting for more videos
Now I am feeling confident while building the best project in react Native by CODEX. Thank you brother for creating such content
Can you help me For login with phone number and Google account?? In your video i don't see this
I download this video ❤
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?
i have a problem that the template did not show up and i dont know how to fix it can u help me please?
How to make Admin Panel Of this app like where to upload New Movies etc
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.
Please ,Is there anyone know codex where about
Good, but the music is too loud and your voice is muffled.
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
great tut bro, keep going u deserve more subs
Thank you so much.
Backend available??
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
Sir but firstly we talk to movie theatres owner and how to publish at Play Store
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?
netflix clone please
Which emulator you've used
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?
@@sohamdwivedi6340 try to use data?.length to handle undefined value.. everywhere.
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?
@@SGTrader check list of files and folder with command ls. Then navigate
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!
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!
If someone wanted to build this app using expo what tweaks or changes should be made?
@@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.
@@buildwithcodex What emulator are you using? and do you have any video how to setup/install it?
@@mohsinali4783 Yes, Check if this helps - ruclips.net/video/uJv6_S9yqK4/видео.htmlsi=ACYA_jOi4SZ6UXjn
@@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.
@@mohsinali4783 yeah that should be enough.
BRO ISME ADMIN PANEL NHI HAI KYA?
I loved the ticket design 👍🔥
When I create a project, it outputs the Kotlin language, not the Java language. Can you help me create a project in java language?
Use this updated command to create project - npx react-native init Coffee_Shop_App --version 0.72.4
@@buildwithcodexThank you very much
@@buildwithcodexplease come back brother, we are waiting for you, God bless you 🙏
Hey @18:16 my file in main is not java but kotlin how to deal with that?
Hey Thanks its working!!!