React Native E-commerce App With Restful API | Crash Course
This is a furniture ecommerce app tutorial using React Native app building course tutorial. Our app course consist of a NodeJS Backend, a separate stripe Node server and React Native front end. This tutorial for beginners to intermediate learners. About my palestinien brother https://www.youtube.com/watch?v=HnZSaKYmP2s ????Bangali can pay through bikash and get the source code 01879995515 (bikash code). Once you make the payment I will send you the source code. If you make payment send me your last four digits to [email protected] The app features are as follows App features 1. Registration with email 2. Email login 3. Viewing products latest products 4. Protective layer for unlogged used 5. Storing data in local storage using AsyncStorage 6. Adding and removing favorites 7. Add and remove products from the cart 8. View cart 9. Viewing orders and delivery status 10. Stripe payment 11. Search 12. Logout 13. Clear cache data ????Take the course on Udemy (it comes with a coupon) More about the app and assets https://www.dbestech.com/tutorials/react-native-e-commerce-app-tutorial 00:00:00 Introduction 00:06:45 Creating react native app 00:16:13 Loading custom fonts 00:23:21 Bottom Tab Navigator 00:40:33 Using StyleSheet from outside of parent component 00:42:46 Setting up rows in react native 00:44:59 Designing the Cart button 00:52:25 Text and reusable styles 00:59:43 Home screen Search Bar 01:09:51 Set up search bar in the Search page 01:13:55 Carousel Slider 01:19:43 New Rivals Heading 01:26:22 Home products the Flat list 01:33:26 Product Card View 01:47:10 Navigating from a child component 01:50:25 Products details page back button 02:32:21 Creating Backend NodeJS project 02:34:57 Creating database 02:37:54 Dotenv and connecting to the database 02:40:05 Running our server with db for the first time 02:41:20 Creating Product Schema 02:43:11 Create Product Controller 02:57:17 Error fixing and testing endpoints in postman 03:01:18: Creating a custom API hook and fetch data using axios 03:10:46 Passing Data to a child component 03:12:14 Rendering Data on the ProductCard 03:15:29 Creating new rivals 03:17:55 Setup navigation for NewRivals Page 03:22:03 Product List Top bar 03:25:32 Creating ProductList Component 03:30:54 Creating a grid view with a flatlist 03:37:08 Setting up search state variables 03:48:34 Handling Empty Search results 03:52:10 Displaying a list of search results 03:54:40 Search Tile and navigation Look at our react native travel app https://youtu.be/9bFOUJ9MV_s
This is a furniture ecommerce app tutorial using React Native app building course tutorial. Our app course consist of a NodeJS Backend, a separate stripe Node server and React Native front end. This tutorial for beginners to intermediate learners. About my palestinien brother https://www.youtube.com/watch?v=HnZSaKYmP2s ????Bangali can pay through bikash and get the source code 01879995515 (bikash code). Once you make the payment I will send you the source code. If you make payment send me your last four digits to [email protected] The app features are as follows App features 1. Registration with email 2. Email login 3. Viewing products latest products 4. Protective layer for unlogged used 5. Storing data in local storage using AsyncStorage 6. Adding and removing favorites 7. Add and remove products from the cart 8. View cart 9. Viewing orders and delivery status 10. Stripe payment 11. Search 12. Logout 13. Clear cache data ????Take the course on Udemy (it comes with a coupon) More about the app and assets https://www.dbestech.com/tutorials/react-native-e-commerce-app-tutorial 00:00:00 Introduction 00:06:45 Creating react native app 00:16:13 Loading custom fonts 00:23:21 Bottom Tab Navigator 00:40:33 Using StyleSheet from outside of parent component 00:42:46 Setting up rows in react native 00:44:59 Designing the Cart button 00:52:25 Text and reusable styles 00:59:43 Home screen Search Bar 01:09:51 Set up search bar in the Search page 01:13:55 Carousel Slider 01:19:43 New Rivals Heading 01:26:22 Home products the Flat list 01:33:26 Product Card View 01:47:10 Navigating from a child component 01:50:25 Products details page back button 02:32:21 Creating Backend NodeJS project 02:34:57 Creating database 02:37:54 Dotenv and connecting to the database 02:40:05 Running our server with db for the first time 02:41:20 Creating Product Schema 02:43:11 Create Product Controller 02:57:17 Error fixing and testing endpoints in postman 03:01:18: Creating a custom API hook and fetch data using axios 03:10:46 Passing Data to a child component 03:12:14 Rendering Data on the ProductCard 03:15:29 Creating new rivals 03:17:55 Setup navigation for NewRivals Page 03:22:03 Product List Top bar 03:25:32 Creating ProductList Component 03:30:54 Creating a grid view with a flatlist 03:37:08 Setting up search state variables 03:48:34 Handling Empty Search results 03:52:10 Displaying a list of search results 03:54:40 Search Tile and navigation Look at our react native travel app https://youtu.be/9bFOUJ9MV_s