Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: 3 months 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: 2024-10-12T09:46:41.334Z (4 months 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: 5
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)