Flutter 3.0 & Rest API from scratch, build a mini Store app

Name: Flutter 3.0 & Rest API from scratch, build a mini Store app
Rating: 4.2 (77 reviews)

Flutter 3.0 & Rest API integration from scratch, build a Store app

Created byHadi Kachmar

Last updated 8/2023

English

What you'll learn

This Flutter course is a complete guide that helps learn and build a fully functioning Flutter application with Rest Api.
Rest API integration
CRUD operations
Teaching how to write Clean-code and avoid Boilerplate code

Course content

4 sections • 40 lectures • 2h 57m total length

Introduction1:54
Best price for the course0:06
App overview3:17
Hints2:27
Youtube channel0:33
Discord1:41
Reach me0:08
About the source codes on Github1:08
Github starter source code0:13

Important Note on Course Access and Feedback0:22
lock device orientation3:17
Setting up the application theme and structure4:56
Implement the appBar in the Home screen7:16
Implement the Search text field7:02
Implement a Flutter search text field by initializing a text editing controller in state, disposing it on navigation, and decorating with padding, keyboard type, a suffix search icon, and borders.
Implement the carousel widget design7:02
Implement a Flutter carousel UI using media query for 20% screen height, a gradient with 18px border radius, and a two-pane row with text and image handling to prevent overflow.
Imeplement the Swiper widget4:33
Implement the product widget design5:16
Impelement the Products GridView4:06
Implement the all products screen2:54
Implement the produt details screen3:11
Implement the Categories screen7:40
Implement the users screen7:32
Full source code until this section - UI part on Github0:11

What is Rest API2:19
The API that we will use2:44
Test the API Using postman3:21
Convert the Json to a dart class Model5:59
Start integrating the Rest API in our app6:17
Fetch and display the products on the screen14:47
Fetch products from a json api, map data to a products model, and render titles and images in a scrollable grid with loading and empty-state handling.
Improve the code written to show the products on the screen5:46
Use the provider state management to display the products6:47
9- Fetch and display the categories on the screen7:15
Fetch and display the users on the screen5:10
Display the correct product details in the details screen7:36
Fetch the correct product data by ID using the API handler, parse into a product model, and display it on the details screen with loading indicators and proper state updates.
Errors handling8:46
on Scroll Pagination15:51

Requirements

Basic knowledge with Flutter widgets is required

Description

This course covers making a functional app for Android in portrait mode. Moreover, it also covers how to integrate the Rest API in a Flutter application.

The course mostly focuses on the REST API integration in Flutter

Course prerequisites:

Basic knowledge in programming to get started
Basic knowledge of Flutter and good knowledge is recommended

How this course can be of help:

Gaining more knowledge in Flutter and Rest API integration
HTTP requests
JSON serialization
On scroll Pagination
Error Handling
Clean and Clear design

What's in the course:

Complex UI has done simply
Simple Provider State management
Clean code and avoid Boilerplate code
Navigation & Custom navigation
Animated Navigation
Managing and updating packages
ListViews and multiple UI states
How to understand Flutter Mobile Development by building apps incrementally.
How to design, build, and debug Flutter apps
How to develop robust apps with Flutter
Theming
Flutter general AppBar
Flutter Material Design
Flutter Row and Column
Flutter ListView Builder

Course structure:

approximately 3 hours of content and updated regally

Requirements:

Windows application development OR Mac application development
Access to a computer with an internet connection.
and you are ready for the journey
love learning about applying cutting-edge algorithms to practical cases!

What Should I Expect After this Course?:

The ability to build functional apps
New information regarding Flutter And API integration

Note that the course builds on windows, so I didn't have a chance to cover the IOS configurations! But feel free to ask anything about it. I will be there to help.

Who this course is for:

Flutter and Dart learning cravers
Anyone who want to understand how to integrate Rest API in a Flutter app

Flutter 3.0 & Rest API from scratch, build a mini Store app

What you'll learn

Explore related topics

Course content

Introduction9 lectures • 11min

Implement the UI part14 lectures • 1hr 5min

Rest API integration13 lectures • 1hr 33min

Extra4 lectures • 8min

Requirements

Description

Who this course is for: