Learn & Build Flutter Online Marketplace OLX Clone App 2024

Learn Google Flutter and Firebase | Build iOS and Android eCommerce Application like OLX and Quikr

3.63 (4 reviews)
Udemy
platform
English
language
Mobile Apps
category
instructor
Learn & Build Flutter Online Marketplace OLX Clone App 2024
32
students
13.5 hours
content
Mar 2024
last update
$54.99
regular price

What you will learn

Flutter iOS and Android App Development

Firebase Cloud Storage

Firebase Firestore

Firebase Authentication

How to Build online Market Place App

How to Build OLX Clone App

and much more.

Description

In this course you will learn & build android and ios flutter olx clone app with firebase firestore as backend.


Flutter is an open-source UI software development kit created by Google. It is used to develop cross-platform applications for Android, iOS.


Firebase provides detailed documentation and cross-platform SDKs to help you build and ship apps on Android, iOS. Firebase is a set of backend cloud computing services and application development platforms provided by Google. It hosts databases, services, authentication, and integration for a variety of applications, including Android, iOS.


The Firebase SDKs for Cloud Storage add Google security to file uploads and downloads for your Firebase apps, regardless of network quality. Cloud Storage for Firebase lets you upload and share user generated content, such as images and video, which allows you to build rich media content into your apps. Your data is stored in a Google Cloud Storage bucket, an exabyte scale object storage solution with high availability and global redundancy.


Cloud Firestore is a flexible, scalable database for mobile, web, and server development from Firebase and Google Cloud. High-performance infrastructure for cloud computing, data analytics & machine learning. Secure, reliable and high performance cloud services.


Cloud Firestore is Firebase's newest database for mobile app development. It builds on the successes of the Realtime Database with a new, more intuitive data model. Cloud Firestore also features richer, faster queries and scales further than the Realtime Database. Realtime Database is Firebase's original database.



Content

Introduction

Introduction

Create & Setup a New Flutter Project

Create new Project
Add required Dependencies & App Permissions
Add Assets & Font Family

Connect Flutter App with Firebase

Connecting App with Firebase

Implement Splash Screen

Working in Splash Screen | Linear Gradient Color
Show Logo & Text in Splash Screen
Create Home & Welcome Screen

Implement App Welcome Screen

Working in Welcome Screen
Working in Welcome Screen Body
Creating Rounded Button Widget for Buttons
Creating Login & Signup Button

Login & Signup Screens Implementation

Creating Login & Signup Screens
Set Linear Gradient Color in Background of Screen
top & bottom background of loginScreen
Adding Login Background & Add Logo for it
Rounded Input Field Widget
Work on Widgets for Rounded Password Field
Create Text Button For Forget Password in Login
Create Login Just Ui & TextButton for Dont you have account & SignUp
Create Linear Gradient Color for SignUp Background
Working on body
get Image From Camera & Gallery
Working on Show Image Dialog
Rounded Input fields
Create TextButton for forget password in signup screen
Creating Signup Button & Text button for login
Working on Method for signup button onPressed event
allow user to signup
Test the App & Check Data in Firebase
allow user to login
allow user to Login and Test App

Forget Password Feature Implementation

Background for ForgetPassScreen
Body of ForgetPassScreen
add forget text & textField for it
allow user to reset password and Test App

Home Screen Features Implementation

Home Screen Linear Gradient Colors
Create profile & add Icon for it in Home Screen
Creating another Text Buttons in Home
Ad Post Button

Upload New Ads

Add app bar
Next Elevated Button
upload ad Screen
Implement method in upload Ad Screen for Picking multiple images
implement method for uploadFile Images
Getting userName & Number in upload ad Screen
Working in onPressed & Create TextFields in upload ad Screen
Add toast Message for images in upload ad screen
store new ads data to Firestore database
Get user current Location Address
allow users to upload new ads and Test App

Retrieve & Display all New Ads

listView Widget
ListView Widget Design
Implement DialogBox for updating info of user's ad
Create TextFormField For Show Dialog | Update ads info in list view widget
Creating a method for updating name on existing ads of user
Creating a method for update user name
showDialog in List view widget
iconButtons in Listview Widget for show Dialog Box Update
Working in ImageSlider Screen and pass data to ListView widget
Read Ads Data From Firestore Database
Display new Ads to users
Upload new Ad Posts from Different Users and Test Application

Display Ads Images & Ad Details on Image Slider Screen

ImageSliderScreen add iconButton & back button
Setting Location in ImeagSlider Screen
Setting Carousel Slider in Imeag Slider Screen
Setting ItemColor and Icon imageSlider
Display Phone Number & Description in ImageSliderScreen
Display Location & address in ImageSlider Screen

Profile Screen Features Implementation

Creating methods in Profile Screen
Display Linear Gradient Color | Display Name in Appbar
retrieve data and Show in profile screen

Search Items | Search Ads

Implement Search Screen methods
Search Screen methods implementation
add leading button back and Title for Search Screen
retrieve Data for Search Screen And Test All Working of App

Reviews

Piotr
January 7, 2024
There's no support, there's no apk file, dont buy this. it's not working, ListView widget that is builded in the end of the course is broken (in resource files too) again NO SUPPORT on this one, trash

Charts

Price

Learn & Build Flutter Online Marketplace OLX Clone App 2024 - Price chart

Rating

Learn & Build Flutter Online Marketplace OLX Clone App 2024 - Ratings chart

Enrollment distribution

Learn & Build Flutter Online Marketplace OLX Clone App 2024 - Distribution chart
5308188
udemy ID
5/4/2023
course created date
5/7/2023
course indexed date
Bot
course submited by