Learn & Build Flutter Online Marketplace OLX Clone App 2024

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Chapter 2: Download these Assets

Lecture 1: Download these Assets

Chapter 3: Create & Setup a New Flutter Project

Lecture 1: Create new Project

Lecture 2: Add required Dependencies & App Permissions

Lecture 3: Add Assets & Font Family

Chapter 4: Connect Flutter App with Firebase

Lecture 1: Connecting App with Firebase

Chapter 5: Implement Splash Screen

Lecture 1: Working in Splash Screen | Linear Gradient Color

Lecture 2: Show Logo & Text in Splash Screen

Lecture 3: Create Home & Welcome Screen

Chapter 6: Implement App Welcome Screen

Lecture 1: Working in Welcome Screen

Lecture 2: Working in Welcome Screen Body

Lecture 3: Creating Rounded Button Widget for Buttons

Lecture 4: Creating Login & Signup Button

Chapter 7: Login & Signup Screens Implementation

Lecture 1: Creating Login & Signup Screens

Lecture 2: Set Linear Gradient Color in Background of Screen

Lecture 3: top & bottom background of loginScreen

Lecture 4: Adding Login Background & Add Logo for it

Lecture 5: Rounded Input Field Widget

Lecture 6: Work on Widgets for Rounded Password Field

Lecture 7: Create Text Button For Forget Password in Login

Lecture 8: Create Login Just Ui & TextButton for Dont you have account & SignUp

Lecture 9: Create Linear Gradient Color for SignUp Background

Lecture 10: Working on body

Lecture 11: get Image From Camera & Gallery

Lecture 12: Working on Show Image Dialog

Lecture 13: Rounded Input fields

Lecture 14: Create TextButton for forget password in signup screen

Lecture 15: Creating Signup Button & Text button for login

Lecture 16: Working on Method for signup button onPressed event

Lecture 17: allow user to signup

Lecture 18: Test the App & Check Data in Firebase

Lecture 19: allow user to login

Lecture 20: allow user to Login and Test App

Chapter 8: Forget Password Feature Implementation

Lecture 1: Background for ForgetPassScreen

Lecture 2: Body of ForgetPassScreen

Lecture 3: add forget text & textField for it

Lecture 4: allow user to reset password and Test App

Chapter 9: Home Screen Features Implementation

Lecture 1: Home Screen Linear Gradient Colors

Lecture 2: Create profile & add Icon for it in Home Screen

Lecture 3: Creating another Text Buttons in Home

Lecture 4: Ad Post Button

Chapter 10: Upload New Ads

Lecture 1: Add app bar

Lecture 2: Next Elevated Button

Lecture 3: upload ad Screen

Lecture 4: Implement method in upload Ad Screen for Picking multiple images

Lecture 5: implement method for uploadFile Images

Lecture 6: Getting userName & Number in upload ad Screen

Lecture 7: Working in onPressed & Create TextFields in upload ad Screen

Lecture 8: Add toast Message for images in upload ad screen

Lecture 9: store new ads data to Firestore database

Lecture 10: Get user current Location Address

Lecture 11: allow users to upload new ads and Test App

Chapter 11: Retrieve & Display all New Ads

Lecture 1: listView Widget

Lecture 2: ListView Widget Design

Lecture 3: Implement DialogBox for updating info of user's ad

Lecture 4: Create TextFormField For Show Dialog | Update ads info in list view widget

Lecture 5: Creating a method for updating name on existing ads of user

Lecture 6: Creating a method for update user name

Lecture 7: showDialog in List view widget

Lecture 8: iconButtons in Listview Widget for show Dialog Box Update

Lecture 9: Working in ImageSlider Screen and pass data to ListView widget

Lecture 10: Read Ads Data From Firestore Database

Lecture 11: Display new Ads to users

Lecture 12: Upload new Ad Posts from Different Users and Test Application

Chapter 12: Display Ads Images & Ad Details on Image Slider Screen

Lecture 1: ImageSliderScreen add iconButton & back button

Lecture 2: Setting Location in ImeagSlider Screen

Lecture 3: Setting Carousel Slider in Imeag Slider Screen

Lecture 4: Setting ItemColor and Icon imageSlider

Lecture 5: Display Phone Number & Description in ImageSliderScreen

Lecture 6: Display Location & address in ImageSlider Screen

Chapter 13: Profile Screen Features Implementation

Lecture 1: Creating methods in Profile Screen

Lecture 2: Display Linear Gradient Color | Display Name in Appbar

Lecture 3: retrieve data and Show in profile screen

Chapter 14: Search Items | Search Ads

Lecture 1: Implement Search Screen methods

Lecture 2: Search Screen methods implementation

Lecture 3: add leading button back and Title for Search Screen

Lecture 4: retrieve Data for Search Screen And Test All Working of App

Chapter 15: Source Code | Complete Project

Lecture 1: Source Code

Chapter 16: Course Finished | Congratulations

Lecture 1: Where to Go from Here

Lecture 2: Thank you