codever VS bookmarks

As mentioned How I manage my dev bookmarks to save time and nerves I use heavily Codever to manage my bookmarks and code snippets, so there is always a browser tab open with the website. Lately I've also been developing quite a bunch of new features on the project. Lots of testing happens in the browser, and until now there was no quick way to differentiate between the production and development version, unless I look at the URL in the browser's navigation bar of course.

Project: codever

Project: codever - File: snippet-details.component.html

At Codever we use Angular extensively, and many time the use navigates to certain routes where dynamically content based on an id for example is loaded. To access these path params in angular navigation you have two possibilities.

In Codever we use extensively the Angular Http Client to make REST calls against a NodeJs/ExpressJS API - source code on Github.

When you are searching your code snippets on Codever, depending on the search terms you use, relevant results are displayed. Behind this there is a MongoDb full text search index. Let's see how it is created and used.

I've been using Visual Studio Code for some projects lately, so I made it easy now to save and search code snippets on Codever directly from Visual Studio Code via the Codever Snippets VSCode Extension.

Project: bookmarks.dev - File: snippet-form.base.component.ts

If you have found this useful, please show some love and give us a star on Github

Codever offers all this and more, plus it's free and open source at github.com/CodeverDotDev

//environment.ts export const environment = { production: false, HOST: 'http://localhost:4200', API_URL: 'http://localhost:3000/api', }; //environment.prod.ts export const environment = { production: true, HOST: 'https://www.codever.land', API_URL: 'https://www.codever.land/api', };

As mentioned How I manage my dev bookmarks to save time and nerves I use heavily Codever to manage my bookmarks and code snippets, so there is always a browser tab open with the website. Lately I've also been developing quite a bunch of new features on the project. Lots of testing happens in the browser, and until now there was no quick way to differentiate between the production and development version, unless I look at the URL in the browser's navigation bar of course.

See it in action at www.codever.land:

Use the $ sign to define the variable $variable_name: variable_value. Below we define anthracite-gray colour in the _colors.scss file used in the Codever project. Then we reference the variable in the class definition:

Project Codever

On Codever you can backup your bookmarks and snippets. When backing up you are presented a dialog where you can choose to display the items in browser. For that we use a blob URL we know for sure it is safe.

The following example shows the elements required to implement an angular material dialog to ask the user to log in on Codever, when this is needed (like following tags).

Bonus - GraphQL Public Bookmarks