https://github.com/chriskyfung/qwiklabs-completed-labs-tracker

Label completed labs and quests on Qwiklabs
https://github.com/chriskyfung/qwiklabs-completed-labs-tracker

enhancement lab-management label labs-tracker qwiklabs qwiklabs-catalog-page userscript

Last synced: about 1 month ago
JSON representation

Label completed labs and quests on Qwiklabs

• Host: GitHub
• URL: https://github.com/chriskyfung/qwiklabs-completed-labs-tracker
• Owner: chriskyfung
• License: gpl-3.0
• Created: 2019-08-31T06:06:10.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-07-30T22:51:25.000Z (over 1 year ago)
• Last Synced: 2025-03-18T19:29:06.549Z (about 1 month ago)
• Topics: enhancement, lab-management, label, labs-tracker, qwiklabs, qwiklabs-catalog-page, userscript
• Language: JavaScript
• Homepage: https://chriskyfung.github.io/blog/qwiklabs/userscript-for-labelling-completed-qwiklabs
• Size: 5.53 MB
• Stars: 8
• Watchers: 4
• Forks: 3
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Security: SECURITY.md

Awesome Lists containing this project

README

        
# Qwiklabs Lab Completion Tracker

💡 **Label completed quests and labs on Qwiklabs webpages**

[Qwiklabs](https://www.qwiklabs.com) is a great online self-paced learning platform for getting hands-on experience of the Google Cloud Platform. It has over 400 hands-on labs and quests for learn and practice.

As a Qwiklabs user, I figure out it is messy and damp to look up unenrolled quests or incompleted labs from the Qwiklabs Catalog page or Search Results. I desired to make a straight-forward way to identify the catalog items, by adding a green check-circle next to those completed.

![GitHub release (latest by date)](https://img.shields.io/github/v/release/chriskyfung/qwiklabs-completed-labs-tracker) [![License: GPL v3](https://img.shields.io/badge/License-GPLv3-blue.svg)](https://www.gnu.org/licenses/gpl-3.0) ![GitHub Release Date

](https://img.shields.io/github/release-date/chriskyfung/qwiklabs-completed-labs-tracker) ![GitHub issues

](https://img.shields.io/github/issues-raw/chriskyfung/qwiklabs-completed-labs-tracker)

🎯 **Objectives of this project**

- To develop a handy way to implement the enhancement to Qwiklabs website in a web browser.

- To indicate completed labs and quests in Qwiklabs Catalog pages, thereby easier to inspect the self-learning progress and look for unenrolled quests or incompleted labs.

- To design a location to store and update the name list of the completed items.

For more information, please read [**this post**](https://chriskyfung.github.io/blog/qwiklabs/Qwiklabs-User-Tips-for-Learning_Google_Cloud_Platform) on my GitHub Pages.

 ![chriskyfung.github.io](https://img.shields.io/website?down_message=offline&up_message=online&url=https%3A%2F%2Fchriskyfung.github.io%2Fblog%2Fqwiklabs%2Fuserscript-for-labelling-completed-qwiklabs)

## 🛴 How to Use

This script requires an userscript manager to run it in your browser, such as [Tampermonkey](https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo) for Google Chrome. Click on the following button to download and install the script via your userscript manager.

[![Install Script with Tampermonkey](https://img.shields.io/badge/-Install%20Script-brightgreen?color=green&logo=tampermonkey&style=for-the-badge)](https://github.com/chriskyfung/qwiklabs-completed-labs-tracker/raw/master/qwiklabs-explorer.user.js)

## 🎠Features

### 🌈 on Home pages

Retrieve the local records and annotate each card in “My Favorites”, “Featured Learning”, and “What’s Hots” sections with badges.

- Screenshot:

  ![badges added to What's Hot cards](screenshots/v2.x/new-activity-cards-on-qwiklabs-home_768x689.png)

### 🌈 on Catalog pages

Retrieve the local records and annotate each lab and quest item as the following:

- Label the completed labs and quests with a green check-circle.

- Highlight any new labs and quests that you have not yet explored in yellow color.

  ![Screenshot of a Catalog page](/demo-image.png)

### 🌈 on Quest pages

- Automatically add a record for the quest or update the info to the local database

- Add a green check-circle at the end of the page title if the quest is completed.

### 🌈 on Lab pages

- Automatically add a record for the lab or update the info to the local database.

- Add a green check-circle at the end of the lab title if the lab is completed.

  ![Screenshot of a Lab header](/demo-image2.png)

### 🌈 on Profile page

- Annotate each table row in **Activities** tab with colors.

- Offer pagination links for you to view all previous activities.

- One-click update the labs and quests status from the activity table to your browser database.

- Show 🔍 quick links to search activities that are ⚠ mismatched with database records.

  [![Batch Update Activities to Your Database](/screenshots/v2.x/v210-update-activities-to-database.gif)](https://www.youtube.com/watch?v=gEwvgWuUHe4)

  [![Look Up Your Older Activities With Pagination Links](/screenshots/v2.x/v210-activities-pagination.gif)](https://www.youtube.com/watch?v=dYLPFfmZVtY)

  [![Investigate Conflicting Records with Quick Search](/screenshots/v2.x/v210-search-unrecognized-activity.gif)](https://www.youtube.com/watch?v=g0b7jyxdHJ8)




## 👀 Future Plans

[ ] [Sync IndexedDB across computers](https://github.com/chriskyfung/qwiklabs-completed-labs-tracker/issues/7) (#7)

## 💗 Support Me

Would you like to buy me a coffee? I would really appreciate it if you could support me for this projects.



## 🤝 Contributing

Pull requests for new features, bug fixes, and suggestions are welcome!

## ⚖ License

Distributed under the [GNU General Public License v3.0](LICENSE)