Being on a constant lookout for bookmarks management optimization on www.codever.dev, I had this idea lately to add a bookmark to my history not only when I click the title of the bookmark (main URL), but also when I click hyperlinks in the description of the bookmark - sometimes I tend to bookmark the “parent” url and add “child” or related bookmarks in the description (an example would be bookmarking the same “resource” which is deployed on different environments like dev, test and prod):

This plays really well now with the recently introduced hot keys to access the history and pinned bookmarks

Source code for Codever.dev is available on Github - Star

Well, let’s see how this looks like in code:

You know how good ideas come out of the blue? Recently it hit me that I could more easily access my bookmarks history and the pinned bookmarks on www.codever.dev with hot keys. So I sat down and implemented this feature. This post details how.

So, I wrote my first IntelliJ plugin to help me save code snippets, aka codelets, easier to www.codever.dev. How does it work? Select text > Right mouse click > Save to Bookmarks.dev.

The plugin is available to download and install in JetBrain Plugins Repository and the source code is available on Github

In this blog post we’ll cover the steps to develop this simple IntelliJ plugin.

• Creating the plugin - generate new project for the plugin
  • Creating a Plugin Project
• The plugin implementation
  • Creating the Custom Action
    • The actionPerformed() method
    • Get selected text in Editor
    • Get the language tag of the current file in the IntelliJ project
    • Get project and file name
    • Get the file’s path
• Registering the action
• Plugin icon
  • Plugin Logo Requirements
    • Naming convention
    • Location
• Action icon
• Testing the plugin
• Deploying/installing the plugin
• Conclusion

I find accordions pretty well suited for FAQs or HowTo pages. That’s why I chose one for the HowTo page of www.codever.dev, which is implemented with angular material expansion panel and accordion.

This blog post presents the source code for that with a couple of notes.

Source code for Codever.dev is available on Github - Star

In this blog post I present a complete example of how to upload an image to Amazon S3 bucket all the way from frontend implemented in Angular to the backend implemented with NodeJS/ExpressJS. This is based on a real use case running in production at the www.codever.dev : once you register for an account you have the possibility to change your profile picture with something more personal at user settings.

Source code for Codever.dev is available on Github - Star

So let’s jump into the tutorial