React Native E-commerce App With Restful API | Crash Course

Channel:
Bangladesh dbestech
Subscribers:
135,000
Published on ● Video Link: https://www.youtube.com/watch?v=w5IYCoTk4Bs


Duration: 4:06:34
49,359 views
1,394

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.

πŸ“•πŸ“•πŸ“•πŸ“•Take the course on Udemy (it comes with a coupon)
https://www.udemy.com/course/react-native-e-commerce-app/?couponCode=E2A6543F657B7C7876D8

πŸ˜€πŸ˜€πŸ˜€πŸ˜€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 dylandbestech@gmail.com

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



Other Videos By dbestech


2023-07-19Flutter Riverpod Dependency Injection | Riverpod Firebase, Repository and Controller
2023-07-17Flutter E-commerce App Tutorial With Restful API | Provider (preview)
2023-07-15Flutter Tutorial Beginners to Advanced | Task Management | Riverpod | Sqlite | Notification | Part 2
2023-07-15Flutter DidChangeDependencies Method
2023-07-14Flutter BLoC Chat App and Admin Panel
2023-07-14Riverpod hooks
2023-07-13Flutter Riverpod and Flutter Hooks
2023-07-12Master Flutter ScrollController for Chat Scrolling
2023-07-10Flutter App Architecture Tutorial
2023-07-08Flutter Tutorial for Beginners to Advanced | Dart & Riverpod Course | Task Management | Part 1
2023-07-07React Native E-commerce App With Restful API | Crash Course
2023-07-06BLoC CopyWith Method and ChatStates
2023-07-06Laravel select() and get() differences
2023-07-05Flutter Animation with Getx | Bird Flying
2023-07-03Flutter ScaffoldBackgroundColor and ColorScheme
2023-07-02Flutter TDD Clean Architecture BLoC | Course Preview
2023-06-30React Native E-commerce App
2023-06-30Riverpod Register Listener and Show SnackBar
2023-06-27Master Flutter State Management
2023-06-27Master Flutter State Management
2023-06-25[Solved] There is no existing directory at :storage:logs and its not buildable Permission denied


Tags:
react native e-commerce app
react native e-commerce app tutorial
react native tutorial
react native for beginners
react native course
react native