The Ultimate Full-Stack Hybrid App Tutorial

Focused View

Vetrivel Ravi

4:44:59

98 View

1. Introduction

1. Introduction.mp4

06:15

2. Project Setup Made Easy Configurations and Setup

1. Project Setup.mp4

06:01

2. Github Configuration.mp4

04:23

3. Server - Side Configurations

1.1 Project Assets.html

1.2 Source Code.html

1. Creating Project.mp4

07:10

2. Customising Data Schema.mp4

11:14

3. Deploying the server.mp4

05:43

4. Hybrid App Build Using Expo Cli

1.1 Project Assets.html

1.2 Source Code.html

1. Creating Expo App.mp4

04:27

2. Setting up Simulators.mp4

03:43

3. NativeWind Configuration.mp4

06:38

4. React Navigation Configurations.mp4

09:01

5. Onboarding Screen

1.1 Project Assets.html

1.2 Source Code.html

1. Onboarding Screen Configurations.mp4

06:14

2. UI Build of Screen One.mp4

06:58

3. UI build of Screen Two And Three.mp4

03:30

4. Making it to load only once after the installation.mp4

09:08

6. Product Screen UI Build

1. Search Option Customisation.mp4

13:15

2.1 Project Assets.html

2.2 Source Code.html

2. Integrating ActivityIndicator.mp4

03:44

3.1 Sanity Query Code.html

3. Fetch Data From Sanity.mp4

17:08

4. Integrating Redux Store.mp4

14:29

5. Feeds Container UI Build.mp4

09:54

6. Feeds Container UI - Part 2.mp4

12:32

7. Adding Product Search Filter Options.mp4

04:27

7. Product Screen UI Build

1.1 Project Assets.html

1.2 Source Code.html

1. Product Screen Part-1.mp4

13:31

2. Part 2.mp4

17:12

3. Integrating Quantity UI.mp4

03:48

4. Custom Bottom Tab Navigation.mp4

11:27

8. Managing the CartItems on Cart Screen with Gesture Handlers

1. Redux Configurations for Shopping-Cart.mp4

11:08

2. Cart Screen UI.mp4

10:28

3. Managing CartItems.mp4

14:32

4. CartItem card UI Build.mp4

10:21

5. Cart Calculations.mp4

15:32

6. Implementing Gesture Handlers.mp4

11:06

Description

Full-stack hybrid apps with this comprehensive tutorial on Expo,React Native, backend integration,and advanced features

What You'll Learn?

Introduction to Expo and Sanity-io: Understand the fundamentals of Expo and Sanity-io and how they work together to create powerful hybrid applications.
Building the Onboarding Screen: Learn how to create an attractive and user-friendly onboarding screen using Expo's components and styling.
Build captivating product screens with details, images, and pricing, sourcing data from Sanity-io—a seamless integration for showcasing a diverse range.
Product Filteration: Enable users to filter products based on various criteria, such as category,price range,or availability,to enhance the shopping experience.
Enhance shopping experience by enabling users to filter products effortlessly based on category, price range, and availability using Sanity-io data.
Swipe Gestures: Implement swipe gestures to allow users to navigate between products or perform actions like adding products to the cart.
Develop a cart screen where users can view their selected products, adjust quantities, and proceed to checkout.
Learn how to handle data synchronization between the app and Sanity-io, ensuring a seamless experience for users.

Who is this for?

Beginner to intermediate developers looking to build hybrid mobile applications

React developers interested in expanding their skills to hybrid app development with Expo

Individuals wanting to learn how to integrate Sanity-io as a data source in their mobile apps

Those interested in creating engaging onboarding screens, product screens, filtering options, swipe gestures, and cart functionality in their apps

Developers seeking hands-on experience and practical knowledge in building full-stack hybrid applications with Expo and Sanity-io

What You Need to Know?

Basic knowledge of JavaScript and React

Familiarity with Expo and React Native concepts

Understanding of RESTful APIs and JSON data

Experience with frontend development and UI/UX design

Access to a computer with a stable internet connection for coding and testing purposes

More details

Description
Are you passionate about beauty products and want to create a visually captivating and feature-rich app to showcase your favourite brands? Look no further! Join us in this step-by-step tutorial, where we'll guide you through the process of building "Beauty Bliss" â€” a stunning hybrid app for beauty enthusiasts.

In this full-stack development tutorial, we'll leverage the power of Expo, sanity-io, and Redux to create an immersive and dynamic mobile application. Expo will enable us to develop a single codebase that works seamlessly on both iOS and Android platforms. sanity-io will serve as our headless CMS, providing a flexible and efficient way to manage beauty product data. And Redux will handle state management, ensuring smooth user interactions and seamless data flow.
Throughout the tutorial, we'll cover various essential topics, including:
Setting up the development environment with Expo and sanity-io
Designing an intuitive and visually appealing user interface using React Native components
Integrating sanity-io as the backend for our app to manage product data, images, and more
Implementing Redux for state management and creating actions and reducers
Fetching and displaying beauty products from sanity-io using GraphQL
Adding search functionality to allow users to find specific products quickly

By the end of this tutorial, you'll have gained the knowledge and skills to build your own hybrid app for beauty products or customize the "Beauty Bliss" app to meet your specific requirements. So, get ready to dive into the world of beauty and technology as we embark on this exciting full-stack journey together!

Who this course is for:
Beginner to intermediate developers looking to build hybrid mobile applications
React developers interested in expanding their skills to hybrid app development with Expo
Individuals wanting to learn how to integrate Sanity-io as a data source in their mobile apps
Those interested in creating engaging onboarding screens, product screens, filtering options, swipe gestures, and cart functionality in their apps
Developers seeking hands-on experience and practical knowledge in building full-stack hybrid applications with Expo and Sanity-io

User Reviews

Rating

average 0

Total votes0

Focused display

Hi, my name is Vetrivel Ravi, I am a Full Stack Developer and the founder of CodeWithVetri, Working as Full Stack Developer in Qatar. Having 5+ years of experience id Training & as well in Development. My primary focus is on building Front End Web Applications, REST APIS's Integrations. My skill set include languages like JavaScript, Python, JAVA along with frameworks like Node Js, Django, AngularJs.do this because I love helping businesses showcase their full potential to the customer through software solutions, may that be a website and anything else. Also, I just love the process of software development, whereby you can take something from an idea to a real product that many can use.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.