Tutorialspoint

April Learning Carnival is here, Use code FEST10 for an extra 10% off

Build Classified ads Project with React and Firebase

person icon Farhan Farooq

4.6

Build Classified ads Project with React and Firebase

A complete project with reactjs utilizing firebase authentication, firestore, storage and security rules

updated on icon Updated on Apr, 2024

language icon Language - English

person icon Farhan Farooq

English [CC]

category icon Web Development,React JS,Development

Lectures -30

Resources -27

Duration -6 hours

4.6

price-loader

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.

Course Description

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

  • Sellers can publish ads specifying the details of the product they want to sell

  • Users can filter the ads by category or sort by price

  • Users can view the ad on the landing page as well as on seller's profile page

  • An authenticated user can mark any ad as favorite or remove from his favorite ads list

  • An authenticated user can reach out to seller via phone or chat system within the app

  • The seller can delete own ad

  • The seller can mark the ad as sold

Goals

What will you learn in this course:

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

Prerequisites

What are the prerequisites for this course?

  • Basic knowledge of Reactjs is required for this course which means you should know what is useEffect / useState / props / context etc.
Build Classified ads Project with React and Firebase

Curriculum

Check out the detailed breakdown of what’s inside the course

Introduction and Setup
2 Lectures
  • play icon Introduction 10:48 10:48
  • play icon Setup react app and firebase project 10:23 10:23
Authentication
6 Lectures
Tutorialspoint
Profile
2 Lectures
Tutorialspoint
Protected routes wrapper
1 Lectures
Tutorialspoint
Advertisement
10 Lectures
Tutorialspoint
Chat
7 Lectures
Tutorialspoint
Deployment & firebase security rules
2 Lectures
Tutorialspoint

Instructor Details

Farhan Farooq

Farhan Farooq

e


Course Certificate

Use your certificate to make a career change or to advance in your current career.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
Annual Membership

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
Online Certifications

Talk to us

1800-202-0515