Build classified ads project with React and Firebase
A complete project with reactjs utilizing firebase authentication, firestore, storage and security rules
Ratings 4.74 / 5.00
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
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
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.
Who Should Attend!
- Anyone who knows basic reactjs and would like to build project with react and firebase 9
