React Native Tutorial Part 2 | Travel App
104React Native tutorial for beginners in 2023. A full course to help react native learners from beginners to advanced. Welcome to our cutting-edge travel app, a comprehensive solution that seamlessly blends React Native with the latest Expo version (49.0.6) and a robust NodeJS Express REST API. Our app delivers an unparalleled user experience by harnessing the power of native design on both Android and iOS platforms.
Part 1
https://youtu.be/9bFOUJ9MV_s
More about the course here
https://www.dbestech.com/tutorials/react-native-tutorial-travel-app
Take the course on Udemy
https://www.udemy.com/course/react-native-tutorial-travel-app/?referralCode=58D92D8220318FDC297C
Technical Features:
1. Importing Custom Fonts:
Effortlessly enhance the visual appeal of your app by importing and utilizing custom fonts to achieve a unique and engaging design.
2. Navigation with React Navigation:
Leverage the power of React Navigation to implement smooth and intuitive app navigation, ensuring seamless transitions between screens.
3. BottomTabNavigation and Related Navigation:
Utilize BottomTabNavigation to create a user-friendly bottom navigation bar, making core features easily accessible and enhancing user experience.
4. TopTabNavigation and Related Navigation:
Implement TopTabNavigation to organize content efficiently, allowing users to swipe between sections and access related information seamlessly.
5. Utilizing Axios for API Calls with Headers:
Efficiently interact with APIs using Axios, employing headers for secure communication, and performing non-header calls for versatile data retrieval.
6. Creating Styles as Functions:
Enhance code maintainability and reusability by creating styles as functions, making it easier to manage and apply consistent styling across components.
7. Combining Styles from Different Files:
Achieve a modular approach to styling by combining styles from various files within the same component, ensuring flexibility and cohesion.
8. Form Validation with Yup and Formik:
Implement robust form validation using Yup and Formik libraries, providing users with a smooth input experience and reducing errors.
Twitter/Instagram/Facebook @dbestech
9. Utilizing Expo Location for User's Current Location:
Tap into Expo Location to effortlessly access a user's current location, enabling location-based features and personalized content.
10. Reactive Rating with Stock Star Rating:
Engage users with interactive rating systems using libraries like Stock Star Rating, providing a dynamic way for them to share their opinions.
11. Splash Screen using a FlatList:
Create an engaging splash screen using a FlatList, offering an innovative and visually appealing way to introduce users to your app's content.
12. Local Data Storage with Async Storage:
Enhance user experience by locally storing data with Async Storage, ensuring smooth app performance and reducing reliance on network requests.
Timeline
00:00:00 Introduction
00:08:56 Profile Tiles navigations
00:16:00 Settings Screen
00:42:27Reusable Asset Image Component
00:47:26 Successful and Failed Booking Screen
01:02:16 Authentication Top Tab Bar
01:12:23 Login and Registration screen with formic and yup
02:09:44 Select Room Screen
02:27:02 Counter
02:33:44 Payments and Booking Button
02:40:38 Setup Backend
02:51:24 Connecting the server to the database
03:00:27 User Model
03:07:50 Authentication functions
03:35:22 Testing Auth Endpoints in Postman
03:39:58 User Functions
03:51:32 Middleware with JSON webtoken and endpoint testing
04:04:07 Countries Schema
04:09:35 Countries function
04:28:20 Testing Country endpoints in Postman
04:32:37 Places Model
04:36:22 Places Functions and Endpoint Testing in Postan
05:12:40 Search Places
05:17:58 Hotel Model
05:23:03 Hotel Functions
05:46:34 Review Model and Add Reviews
05:59:02 Get reviews
06:14:08 Automatically add Reviews to Hotels
06:19:33 FetchCountries Hook
06:32:08 Using fetchCountries to get data
Great articles are shared on Twitter/Instagram/Facebook
Twitter/Instagram/Facebook @dbestech