Build Classified ads Project with React and Firebase
A complete project with reactjs utilizing firebase authentication, firestore, storage and security rules
Web Development,React JS,Development
Lectures -30
Resources -27
Duration -6 hours
30-days Money-Back Guarantee
Get your team access to 8,500+ 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.

Curriculum
Check out the detailed breakdown of what’s inside the course
Introduction and Setup
2 Lectures
-
Introduction 10:48 10:48
-
Setup react app and firebase project 10:23 10:23
Authentication
6 Lectures

Profile
2 Lectures

Protected routes wrapper
1 Lectures

Advertisement
10 Lectures

Chat
7 Lectures

Deployment & firebase security rules
2 Lectures

Instructor Details

Farhan Farooq
I am Farhan Farooq. I am an instructor. Programming is my passion. I have finance background but I was eager to learn programming so I learned JavaScript and after that Python
My skills are HTML, CSS, JavaScript, React, React Native, Python and Flask. I will publish courses on JavaScript and Python and their libraries.
Course Certificate
User your certification to make a career change or to advance in your current career. Salaries are among the highest in the world.

Our students work
with the Best


































Related Video Courses
View MoreAnnual Membership
Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses
Subscribe now
Online Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now