Dev Tabs

Dev Tabs is a 'New Tab' page and your landing page for Chrome. This extension was created mostly for Developers, Software Engineers, and similar. For the longest time I looked for a new tab replacement and only found ones that were generic, not suited towards development work, full of ads, tracked me at every turn, or were just not my style. So I created Dev Tabs. I integrated space for regularly visited sites, development industry news, current weather conditions, GitHub, and I even put a small QR code generator in the extension. This has quickly become an important tool that I have come to rely on.

BOOKMARKS:

Starting on the left side of the page, I put a column of 'Bookmarks'. These are the sites that I regularly use. On a daily basis there are numerous sites that I visit throughout the day for work and pleasure. Email client, GitHub, different documentation websites, tutorials, and much much more. Instead of hunting through all the pages. You can add as many as you want and the column will scroll independently. These have nothing to do with the built in bookmarks and are entered separately. When you first visit the page, click on the settings cog in the middle of the page and you will be brought a few different selections. If you click on the 'Bookmarks' setting you will be presented with an input box. This is where you will input the initial group of sites you want to show up in the 'bookmarks' column. Using markdown format, Name of Site, Name of Site, separating each entry with a comma, enter all sites you want to be listed on the page. When you are done, and go back to the page, they will all be listed. Also, in the middle of the page under the settings cog, there is a '+' for adding single 'Bookmarks' as you may come across something you want to add as you go without having to re-input all the others. If you click on the '+' an input will appear where you can enter the name and site url. Once you hit save, that entry will be appended to the end of the list.

NEWS:

I used Dev.to's articles API to integrate industry new. This will automatically populate a column with the days articles from dev.to's front page. If there is an image accompanying the article it will be displayed and under that will be the title of the article which is also a clickable url to bring you directly to the selected article. Not only have I found many interesting articles on Dev.to, I have also found countless helpful 'how-to's', and I also contribute from time to time, which is why I used them to display industry news.

GITHUB:

GitHub integration was a given. I use their services everyday, multiple times a day. When I was doing the 100 days of code I made sure to commit something everyday to track my progress. Because of that, I have the GitHub contributions graph in the center of the page. When you first visit the page, go to settings and select the 'GitHub Calendar' option. Fill in your GitHub username and whey you go back to the main page, it will populate the graph. Since I use GitHub so much I also integrated a list of GitHub repo's. This portion of the page will display your top 10 repo's. Setting it up is the same process, selecting 'GitHub Feed' and filling in your username again. I left this as two separate settings since I personally have multiple GitHub accounts and thought someone may want to display the Graph from one username and the Repo's from a different username. You can also just enter the same username for both settings and display the graph and list of top 10 from the same account. The graph is just for display but the list of repo's is a clickable list. If you click on the repo name it will bring you directly to the selected page.

WEATHER: