Cartrl

Cartrl allows you to save all the products you like in one place. Think of it like a visual bookmarking tool for things you’re thinking of buying. No more tabs hanging onto your browser window for dear life! That’s the idea anyway.

In reality, it only ever reached the proof of concept stage with only 6 days of development time given over to it. In that time I built a chrome extension (downloadable here) and a site. Using the extension, you’re able to save products from around the web into a single shopping cart, your Cartrl. The site displays all of your saved products, allowing you to quickly review them and return to the site to checkout if you decided to buy.

The site is a MEAN stack; specifically, I used the brilliant Angular Fullstack yeoman generator to quickly scaffold API end points and angular directives, services and controllers. The extension is an combination of angular app and jQuery scraping scripts. The code is currently in private GitHub repos, but I expect to make them publicly available soon.

Below are some screenshots showing how a product can be saved to Cartrl.

Clicking the Cartrl icon opens a popup allowing you to add a product to Cartrl.

Clicking ‘Add to Cartrl’ brings up a dialog where you could edit details about the product

Finally, the site allows you to review and quickly return to your saved products