Tutorial Bikin web live count Fiki Dayana pakai react, nodejs, puppeteer




0:00​ intro

0:27​ prototype

1:21​ teknologi yang dipakai: React, nodejs, puppeteer

1:33​ penjelasan cara ngambil data dari instagram

2:03​ init project pakai react

2:41​ run initial projectnya

3:00​ install puppeteer, express, cors

4:43​ bikin server.js untuk backendnya

7:27​ install nodemon untuk live reload server

8:30​ bikin script puppeteer untuk ngambil data dari web instagram

14:22​ ngetest script puppeteer yang udah dibuat

15:03​ mulai coding frontend (react)

15:36​ install reactstrap (bootstrap wrapper untuk react)

16:15​ implement prototype pakai reactstrap

19:38​ coding counter box

23:50​ konekin frontend ke backend (ngambil data instagram)

28:26​ percantik tampilan UI (coding css)

37:01​ bikin gap counter (selisih penambahan/pengurangan jumlah followers)

44:56​ penampakan akhir (selesai)

Komentar

postingan lainnya

Cara GAMPANG bikin syntax/code highlighter di blogger/blogspot TERBARU 2021