CourseFlix

Build a Full-Stack Chrome Extension with NodeJS and MongoDB

6h 15m 12s
English
Paid

Unlock the power of Chrome Extensions with this comprehensive course. You'll learn to build a Full-Stack Chrome Extension which scrapes Amazon product data and saves it in a MongoDB database. By the end, you'll have a Chrome Extension ready for publishing, capable of scraping purchase history, search results, and more.

Course Overview

Master Chrome Extension Development with step-by-step code samples included throughout your journey.

Technology Stack

  • Chrome Extension Development
  • AngularJS for UI components in the extension popup
  • jQuery for manipulating and interacting with the Amazon DOM
  • NodeJS for server-side logic
  • MongoDB for data storage

Core Functionality of the Extension

  1. Signup and Login via the Popup View
  2. Select elements from the DOM using the Content.js page
  3. Scrape Amazon purchase history
  4. Scrape Amazon search results from a specific page
  5. Scrape multi-keyword Amazon search results sequentially
  6. Save Amazon product details such as:
    • Product Title
    • Product Description
    • Product Image
    • Product Reviews
    • Product Rating
    • Number of Ratings
  7. Enable automatic navigation through all search result pages

Learning Outcomes

Through this project, you'll acquire expertise in:

  • Programmatically scraping web data using Chrome Extensions
  • Understanding and utilizing the manifest.json file
  • Working with popup.js and background.js files
  • Debugging Chrome Extensions efficiently

The course covers essential architecture considerations to maintain clean and structured code in your Full-Stack Chrome Extension projects.

Why This Course?

I created this course as a response to existing offerings on Udemy which lacked depth. This course provides a comprehensive understanding of Chrome Extensions, with content tailored to meet both quantity and quality in education time. Chrome Extensions offer unparalleled utility, like a surf-suit for web surfers, that accompany users throughout their internet journey.

Elevate your skills with the Awesome Power of Chrome Extensions and Web Scraping. If you have questions or need guidance taking the codebase in your own direction, feel free to reach out.

About the Author: udemy

udemy thumbnail

Udemy is a global online marketplace for teaching and learning. It connects students with instructors who share skills in many fields.

Who Uses Udemy

Millions of learners use Udemy to gain skills for work and personal growth. Companies, governments, and nonprofits also use Udemy to train their teams.

What Udemy Offers

Udemy provides a curated set of business and technical courses. These courses help teams build practical skills and support ongoing learning at work.

Watch Online 52 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 52 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: About The Course
All Course Lessons (52)
#Lesson TitleDurationAccess
1
About The Course Demo
02:55
2
Why Web Automation?
04:35
3
War Stories From Scraping The Web
02:28
4
My Latest App
03:04
5
Why Make / Take This Course?
03:38
6
Project Tutorial with Screenshots
08:57
7
High-Level Project Architecture
14:37
8
Setting up the Manifest.json - your App HQ
09:38
9
Setting Up the Popup
02:45
10
Adding AngularJS and Angular UI Router within the Popup HTML
06:28
11
Adding Bootswatch and Custom Styling in Popup
03:33
12
Setting up Angular UI-Router and our Home View
09:00
13
Setting Up Your NodeJS Server
14:28
14
Setting up Background.js with jQuery
09:22
15
Chatting Between Background.js and Server
07:20
16
Setting Up the Login view and Main Controller in the Popup
07:56
17
Setting Up a Mongo Database with mLab
07:52
18
UPDATE: MongoDB with Atlas: PART 1
05:45
19
UPDATE: MongoDB with Atlas: PART 2
02:23
20
Logging the Form Data in the Controller
04:25
21
Authentication Game Plan - Understanding How The Pieces Fit (Architecture Recap)
04:37
22
Setting Up Signup View and Connecting to UI-Router
04:21
23
Passing Signup Form Data from Popup to Background
08:20
24
Setting Up Authentication Logic on Background and Server
12:20
25
Successfully Creating User and Trying to Login
13:54
26
Successfully Logging In and Sending Server Response back to the Popup
09:59
27
Redirecting Logged-In User to the Welcome View
09:07
28
Saving User Token in LocalStorage
05:38
29
NodeJS Middleware
08:44
30
High-Level Architecture of Saving Product Data
02:37
31
Setting Up the Product API
09:01
32
Grab Purchase Years
07:55
33
Passing Purchase Years to Background Script
09:06
34
Handling Purchase Years Array within Background Script
08:12
35
Sending orderDetails from Content to Background
07:55
36
Successfully Saving Product and Page Records
08:29
37
Successfully saving more than 1 product on a given page
08:03
38
Logic of Navigating to the Next Page
15:02
39
Helper Functions to Select Data and From the DOM and URL
04:36
40
Section Overview - Game Plan for Saving Product Reviews and Summaries
08:13
41
Helper Functions for Fetching & Parsing Product Data
05:39
42
Handling JavaScript Race Conditions
07:53
43
Adding View in Popup to Enable Users to Fetch Their Purchase History
07:05
44
Backend API for Saving Products from Search Results
06:15
45
Content Script Code for Fetching Search Results Data
05:50
46
Grabbing Product Summaries and Reviews for Search Page Results
04:21
47
Sending Product Reviews and Search Page Data to the Server
07:25
48
Successfully Saving Products and Sending Next Steps to Content Script
06:02
49
Successfully Looping from Page to Page of Search Results
05:55
50
Setting Up Views for Scraping Search Results
06:29
51
Successfully Scraping Current Search and Multiple Search Keywords
06:56
52
New Course: How To Scale Your Chrome Extension Growth
08:04
Unlock unlimited learning

Get instant access to all 51 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription