Build classified ads project with React and Firebase

Build classified ads project with React and Firebase, available at $74.99, has an average rating of 4.8, with 29 lectures, based on 11 reviews, and has 65 subscribers.

You will learn about Handle authenticiation with firebase authentication Save data in firebase firestore Store files in firebase storage Protect database and storage with firebase security rules This course is ideal for individuals who are Anyone who knows basic reactjs and would like to build project with react and firebase 9 It is particularly useful for Anyone who knows basic reactjs and would like to build project with react and firebase 9.

Enroll now: Build classified ads project with React and Firebase

Summary

Title: Build classified ads project with React and Firebase

Price: $74.99

Average Rating: 4.8

Number of Lectures: 29

Number of Published Lectures: 29

Number of Curriculum Items: 29

Number of Published Curriculum Objects: 29

Original Price: $34.99

Quality Status: approved

Status: Live

What You Will Learn

Handle authenticiation with firebase authentication
Save data in firebase firestore
Store files in firebase storage
Protect database and storage with firebase security rules

Who Should Attend

Anyone who knows basic reactjs and would like to build project with react and firebase 9

Target Audiences

Anyone who knows basic reactjs and would like to build project with react and firebase 9

Overview

In this course we will build a classified advertisement website where users will be able to buy and sell products.

The tech stack will be React, Bootstrap and Firebase. We will work with a few features provided by firebase such as authentication, firestore as database and firebase storage to store images. We will use the latest firebase version 9 which is based on modular approach.

We will use many functions provided by firebase for authentication, firestore and storage which are usually used in any medium scale website.

Once we are done with our project, we will then deploy it on vercel and also we will see how to secure firestore and storage with firebase security rules.

Features

Authentication – account creation, login, logout, forgot password and reset password
Authenticated users will be able to upload, change or remove their profile photo
Seller can publish ad specifying the details of the product they want to sell
User can filter the ads by category or sort by price
User can view the ad on landing page as well as on seller’s profile page
Authenticated user can mark any ad as favorite or remove from his favorite ads list
Authenticated user can reach out to seller via phone or chat system within the app
Seller can delete own ad
Seller can mark the ad as sold

Prerequisites

Basic knowledge of Reactjs is required for this course which means you should know what is useEffect / useState / props / context etc.

Course Curriculum

Chapter 1: Setup

Lecture 1: Setup react app and firebase project

Chapter 2: Authentication

Lecture 1: Register new user

Lecture 2: Check authentication state

Lecture 3: Logout user

Lecture 4: Login user

Lecture 5: Forgot password

Lecture 6: Reset password

Chapter 3: Profile

Lecture 1: User profile UI

Lecture 2: Add / remove profile photo

Chapter 4: Protected routes wrapper

Lecture 1: Private route

Chapter 5: Advertisement

Lecture 1: Create an ad

Lecture 2: Display ads on seller's profile

Lecture 3: Toggle favorite ad

Lecture 4: User's favorites list

Lecture 5: Display ads on home page

Lecture 6: Filter and sort ads

Lecture 7: Ad detail page UI

Lecture 8: Create custom hook

Lecture 9: Delete an ad

Lecture 10: Display seller's info on ad detail page

Chapter 6: Chat

Lecture 1: Initialize chat

Lecture 2: Send message

Lecture 3: Display chat history

Lecture 4: Display conversation with selected user

Lecture 5: Track users online status

Lecture 6: Display last message

Lecture 7: Display notification for new message

Chapter 7: Deployment & firebase security rules

Lecture 1: Deployment

Lecture 2: Firebase security rules

Instructors

Farhan Farooq
Instructor

Rating Distribution

1 stars: 0 votes
2 stars: 0 votes
3 stars: 0 votes
4 stars: 4 votes
5 stars: 7 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu