Build Web Scraping Website | React, Puppeteer, Firebase

Опубликовано: 28 Сентябрь 2024
на канале: Code with Sloba
5,597
180

In this tutorial I'm gonna show you how to scrape data on the web using Puppeteer, then we will learn how to store that data in the Firebase. You will also learn how to set up Firebase Cloud Functions, so that web scraping is executed automatically on the Cloud, every single day at noon.

In the end, we are gonna build a React website that uses this data and you will learn how to integrate React with Firebase. And we will also upload it on the live server.

Final website: https://sloba-on-this-day.netlify.app/

0:00 Intro
1:20 Building Firebase/Functions project
9:45 Creating a web scrapper with Puppeteer
27:45 Creating Firebase Pub/Sub function
37:10 Creating a React website
1:03:55 Adding a React calendar
1:09:55 Adding day events
1:25:05 Building and Uploading Website

🧿 I discussed:

✔️ How to use Puppeteer to scrape data
✔️ How to setup Firebase Cloud Functions
✔️ How to setup Firebase and React

************************************************************

👉 Patreon:
✔️   / codewithsloba  

👉 Become a better developer with 2 minutes a day:
✔️https://codewithsloba.com

👉 Linkedin:
✔️   / slobodan-gajic  

👉 Instagram:
✔️  / codewithsloba