<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Anu</title>
    <description>The latest articles on DEV Community by Anu (@anu27580168).</description>
    <link>https://dev.to/anu27580168</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F189340%2F5abd2eaa-5393-44a7-bd5b-6c18da578df0.png</url>
      <title>DEV Community: Anu</title>
      <link>https://dev.to/anu27580168</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/anu27580168"/>
    <language>en</language>
    <item>
      <title>How I did 12K commits in Github within 24 hrs</title>
      <dc:creator>Anu</dc:creator>
      <pubDate>Sat, 13 Jul 2019 08:11:33 +0000</pubDate>
      <link>https://dev.to/anu27580168/how-i-did-12k-commits-in-github-within-24-hrs-36jj</link>
      <guid>https://dev.to/anu27580168/how-i-did-12k-commits-in-github-within-24-hrs-36jj</guid>
      <description>&lt;h3&gt;
  
  
  How I did 12K commits in Github within 24 hrs — Python Automation
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--pmfopyzX--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn-images-1.medium.com/max/1024/1%2ArBuyTToyfshg5n_or5PIVA.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--pmfopyzX--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn-images-1.medium.com/max/1024/1%2ArBuyTToyfshg5n_or5PIVA.png" alt=""&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  So, I did 12K commits in Github within 24 hrs by running an automated python program.
&lt;/h3&gt;

&lt;p&gt;This I would not say is a very useful tool to use, BUT IS SOMETHING MORE!!!!!&lt;br&gt;&lt;br&gt;
Something to play with, have some fun, go others — WOAAAHHHHHH :P&lt;/p&gt;

&lt;p&gt;WARNING: THESE ARE NOT ACTUAL CONTRIBUTIONS — — THIS IS A HACK, HAVE FUN. :P&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;See my work at —&lt;/p&gt;

&lt;p&gt;In every 2 hours, the commits will automatically be increased by 1000.&lt;/p&gt;

&lt;p&gt;See my work. Give ⭐️ 👏&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;a href="https://github.com/coolanant/24hrs-automated-commits"&gt;coolanant/24hrs-automated-commits&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Just follow the link for more details.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Or directly use —&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;a href="https://www.npmjs.com/package/git-unlimited-commit"&gt;git-unlimited-commit&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--InI1bmg2--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn-images-1.medium.com/max/1024/1%2AY9X8vWRIdaeo9OoK-86MhQ.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--InI1bmg2--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn-images-1.medium.com/max/1024/1%2AY9X8vWRIdaeo9OoK-86MhQ.png" alt=""&gt;&lt;/a&gt;&lt;/p&gt;




</description>
      <category>python</category>
      <category>git</category>
      <category>automation</category>
      <category>commit</category>
    </item>
    <item>
      <title>Hackathon — Organizing &amp; finding Innovation</title>
      <dc:creator>Anu</dc:creator>
      <pubDate>Thu, 04 Jul 2019 17:11:22 +0000</pubDate>
      <link>https://dev.to/anu27580168/hackathon-organizing-finding-innovation-2mki</link>
      <guid>https://dev.to/anu27580168/hackathon-organizing-finding-innovation-2mki</guid>
      <description>&lt;h3&gt;
  
  
  Hackathon — Organizing &amp;amp; finding Innovation
&lt;/h3&gt;

&lt;p&gt;— Anant Rungta&lt;/p&gt;

&lt;h4&gt;
  
  
  Table of Contents
&lt;/h4&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;Introduction&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Objectives&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;2.1 Closed Innovation to Open Innovation&lt;/p&gt;

&lt;p&gt;2.2 Approach of the company/Organization&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Recipe of Successful Hackathon&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;3.1 Motivation and Aligned Targets.&lt;/p&gt;

&lt;p&gt;3.2 Preparation Phase.&lt;/p&gt;

&lt;p&gt;3.3 The Challenge.&lt;/p&gt;

&lt;p&gt;3.4 Participation of Company.&lt;/p&gt;

&lt;p&gt;3.5 Presence of Active and multidisciplinary people.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;Conclusion&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;References&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  1. Introduction
&lt;/h3&gt;

&lt;p&gt;The word hackathon is a composed of two words, “hack” and “marathon”, of which “hack” refers to programming and “marathon” to the limited timeframe of the event. Hackathon as a term was formed at the end of the 1990s when it was used to describe an event combining idea generation and programming to create new solutions for existing challenges in a limited timeframe. It is so strongly originated in the IT community, where multidisciplinary teams have collaborated intensively to create something new.&lt;/p&gt;

&lt;p&gt;Hackathon strives to provide an answer to challenges organizations encounter in a modern world: rapid technology development, globalization, and mobility of skilled workforce just to mention a few. The core idea of these hackathons is to break the organization’s boundaries in innovation processes.&lt;/p&gt;

&lt;p&gt;These are a special type of events based on co-creation and open innovation − the modern paradigm of innovation − that has become popular worldwide in the first decade of the new millennium.&lt;/p&gt;

&lt;h3&gt;
  
  
  2. Objectives
&lt;/h3&gt;

&lt;p&gt;Hackathons as events have become popular, but are these arranged purely to practice open innovation? Organizations are eager to join the hackathon movement and are gaining tangible results from co-creation and open innovation.&lt;/p&gt;

&lt;h4&gt;
  
  
  2.1 Closed Innovation to open innovation
&lt;/h4&gt;

&lt;p&gt;The closed innovation model is based on the presumption that all the key inventions and technologies should be developed strictly within the boundaries of organizations. Innovations and new technologies are to be used only for the organization’s own purposes and it would be a risk to let the innovations get out of the organization − even if these were not used for business means at all.&lt;/p&gt;

&lt;p&gt;However, in the modern world globalization is part of everyday life, the development of technology is more rapid than ever, and highly skilled people are moving from one organization to another.&lt;/p&gt;

&lt;p&gt;It can be argued that the baselines of closed innovation are no longer valid and the traditional model for innovation and value creation is outdated.&lt;/p&gt;

&lt;h4&gt;
  
  
  2.2 Approach of the company/Organization
&lt;/h4&gt;

&lt;p&gt;Companies can approach hackathons from various angles. If the companies lack internal innovation, they might want to join the hackathon to get ideas that could be refined to innovations. If the companies do not have difficulties with innovation, they can approach the event from marketing or recruiting point of view.&lt;/p&gt;

&lt;p&gt;Ideas are trivial in innovation since there are a lot more to do to get the ideas to innovations and innovations into the business.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--NLzwHCRC--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn-images-1.medium.com/max/974/0%2ANkpg5HzivX8KD01A" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--NLzwHCRC--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn-images-1.medium.com/max/974/0%2ANkpg5HzivX8KD01A" alt=""&gt;&lt;/a&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Figure 1: Basic overview of how a hackathon works&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h3&gt;
  
  
  3. Recipe for a successful hackathon
&lt;/h3&gt;

&lt;p&gt;The further aim of this chapter is to provide development ideas, or a recipe for a successful hackathon, for the organizations that are either considering arranging a private hackathon or joining a public one. These ideas can also be utilized in organizations that consider their position and approach towards innovation or reflect their actions in hackathons that they have experienced.&lt;/p&gt;

&lt;h4&gt;
  
  
  3.1 Motivation and Aligned Targets.
&lt;/h4&gt;

&lt;p&gt;According to research, one of the main success factors is to have a clear motivation and aligned targets. This step needs to be done before the decision to join any specific hackathon, and only after these are set and agreed, it is should be decided which kind of hackathon event would support the motivation and targets in the best possible way − this is as important a step as defining the targets. As it came up in the interviews, just joining the hackathon takes a lot of resources and is thus a significant investment from the organization. To get the most out of the investment, It is suggested that the organizations pay special attention to motivation and targets they have and choose the right kind of hackathon to support these. If the decision to join is made without a clear vision of the motivation and targets, the hackathon investment and experience can easily be a failure.&lt;/p&gt;

&lt;h4&gt;
  
  
  3.2 Preparation Phase
&lt;/h4&gt;

&lt;p&gt;With the necessary time given, there are various important factors to be considered in the preparation phase that correlates with the success of the event itself. First, the challenge for the participants needs to be considered well to align with the targets set. If the motivation and targets are on open innovation, this should be of the highest importance of all the preparations: without a proper challenge for the participants, it is impossible to imagine that the challenge would lead to any plausible ideas to refine further. Without an interesting challenge, the image the company creates of itself during the event will not be good in marketing or recruiting purposes either.&lt;/p&gt;

&lt;h4&gt;
  
  
  3.3 The Challenge
&lt;/h4&gt;

&lt;p&gt;The motivation and targets should guide the definition of the challenge. If the focus is solely on marketing and recruiting, it is important that the challenge would be both highly interesting and easy to approach. The objective of the challenge is thus to create a desirable image of the organization and to attract as many people to take part in the challenge as possible. However, if the motivation is purely on inbound open innovation the companies should link the challenge to their innovation process so that it would support the internal innovation accordingly.&lt;/p&gt;

&lt;h4&gt;
  
  
  3.4 Participation of Company
&lt;/h4&gt;

&lt;p&gt;Many of the companies had marketing accessories that they gave away for the participants: t-shirts, hoodies etcetera. According to the interviews, this had a major role in creating a &lt;strong&gt;positive image&lt;/strong&gt; of the organizations. Practical preparations include also tasks to support the actual challenge.&lt;/p&gt;

&lt;p&gt;There is a lot of practicalities that need to be taken care of when preparing for the hackathon. The preparations do take more time than would be expected. Based on these interviews, three various areas of preparations came up that correlate with the success of the hackathon: preparing the challenge to support the targets set for the event, preparing the stand at the venue to back up the previous and preparing the various types of practicalities that need to be taken care of. These preparations are to be done with proper time and severity to support the targets set for the event.&lt;/p&gt;

&lt;h4&gt;
  
  
  3.5 Presence of Active and multidisciplinary people
&lt;/h4&gt;

&lt;p&gt;The need for the right people in the event was guided by the potential of the hackathon, and the potential, in this case, seemed to be exactly the same as the sources for motivation: recruiting, marketing and open innovation. Personnel who could answer the questions from both the business and technology aspects and help the participants to tackle the possible obstacles they faced with the challenge.&lt;/p&gt;

&lt;p&gt;This means the organizations had to be both easy to approach and active in approaching the participants to support them actively.&lt;/p&gt;

&lt;h4&gt;
  
  
  4. Conclusion
&lt;/h4&gt;

&lt;p&gt;The development mission of this thesis was to introduce the ingredients of a successful hackathon from the view of open innovation and provide a holistic, practical recipe for organizations’ use. The provided recipe is to serve as a practical tool for organizational development for those organizations that are planning to arrange an internal hackathon or take part in a public hackathon in the future.&lt;/p&gt;

&lt;p&gt;There were three separate motivations that organizations had on joining the hackathon, i.e marketing, recruiting and open innovation.&lt;/p&gt;

&lt;p&gt;Marketing was the most popular motivation with half of the interviewed organizations having it as their main interest in joining and the other half as a secondary reason. That means that every organization had marketing somehow on the mind. Open innovation as motivation was divided into inbound and outbound open innovation.&lt;/p&gt;

&lt;p&gt;The theories on the topic are mostly based on studies of large organizations and the theories have been generalized to apply all organizations whether it is large or small, modern or traditional. These findings were supported by analyzing the targets that organizations had set for the event since the targets correlated straight with the motivation.&lt;/p&gt;

&lt;p&gt;It is possible for the organizations to continue the innovation process around the ideas that are born in public hackathons. According to this thesis, it requires a clear plan on how to take the next steps. This plan must be done before the actual hackathon event so it can be communicated to the participants and the process continues seamlessly. If the organizations start the planning only after the hackathon event it is too late since the gap between the idea and the refinement actions easily grows too big.&lt;/p&gt;

&lt;p&gt;Basically, this thesis brings together a lot of information regarding both innovation and hackathons providing interesting insights. The thesis provides clear development ideas for organizations to use in practice. However, a lot of interesting and important questions of the combination of hackathons remains untouched − there is still plenty of room in the sandbox.&lt;/p&gt;

&lt;h4&gt;
  
  
  References
&lt;/h4&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://en.wikipedia.org/wiki/Hackathon"&gt;https://en.wikipedia.org/wiki/Hackathon&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://hackathon.guide/"&gt;https://hackathon.guide/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://yourideasareterrible.com/the-ultimate-guide-to-corporate-hackathons/"&gt;http://yourideasareterrible.com/the-ultimate-guide-to-corporate-hackathons/&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>innovation</category>
      <category>technology</category>
      <category>successfulentrepren</category>
      <category>organising</category>
    </item>
    <item>
      <title>Top 5 Cool Github Projects</title>
      <dc:creator>Anu</dc:creator>
      <pubDate>Wed, 03 Jul 2019 16:03:33 +0000</pubDate>
      <link>https://dev.to/anu27580168/top-5-cool-github-projects-52dh</link>
      <guid>https://dev.to/anu27580168/top-5-cool-github-projects-52dh</guid>
      <description>&lt;p&gt;&lt;a href="https://medium.com/@romedy65i/top-5-cool-github-projects-aeef002d0a6d"&gt;https://medium.com/@romedy65i/top-5-cool-github-projects-aeef002d0a6d&lt;/a&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Npm package — get-all-emoji&lt;/li&gt;
&lt;li&gt;Github Readme Markdown — Chrome Extension&lt;/li&gt;
&lt;li&gt;E-commerce website — made using React, Redux, Firebase, GCP&lt;/li&gt;
&lt;li&gt;React Course for beginners&lt;/li&gt;
&lt;li&gt;Alexa Skills — with APL&lt;/li&gt;
&lt;/ol&gt;

</description>
      <category>github</category>
      <category>opensource</category>
      <category>javascript</category>
    </item>
    <item>
      <title>Create your own chrome extension — and deploy to Chrome Web Store</title>
      <dc:creator>Anu</dc:creator>
      <pubDate>Tue, 02 Jul 2019 22:10:11 +0000</pubDate>
      <link>https://dev.to/anu27580168/create-your-own-chrome-extension-and-deploy-to-chrome-web-store-1aod</link>
      <guid>https://dev.to/anu27580168/create-your-own-chrome-extension-and-deploy-to-chrome-web-store-1aod</guid>
      <description>&lt;h3&gt;
  
  
  Create your own chrome extension — and deploy to Chrome Web Store
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://chrome.google.com/webstore/detail/github-readme-markdown/paacehodnnofnmhogoclomamladkpabg?hl=en&amp;amp;authuser=0"&gt;Github Readme Markdown&lt;/a&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Web Extensions&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h3&gt;
  
  
  Intro
&lt;/h3&gt;

&lt;p&gt;First of all, I’ll tell you it is very easy. There is only one important file, that is —  &lt;strong&gt;&lt;em&gt;manifest.json.&lt;/em&gt;&lt;/strong&gt; Everything there is to know about this file —&lt;/p&gt;



&lt;div class="highlight"&gt;&lt;pre class="highlight plaintext"&gt;&lt;code&gt;{
_// Required_
 "[**manifest\_version**](https://developer.chrome.com/extensions/manifest/manifest_version)": 2,
 "[**name**](https://developer.chrome.com/extensions/manifest/name#name)": "My Extension",
 "[**version**](https://developer.chrome.com/extensions/manifest/version)": "versionString",

_// Recommended_
 "[**default\_locale**](https://developer.chrome.com/extensions/manifest/default_locale)": "en",
 "[**description**](https://developer.chrome.com/extensions/manifest/description)": "A plain text description",
 "[**icons**](https://developer.chrome.com/extensions/manifest/icons)": {...},

_// Pick one (or none)_
 "[**browser\_action**](https://developer.chrome.com/extensions/browserAction)": {...},
 "[**page\_action**](https://developer.chrome.com/extensions/pageAction)": {...},

_// Optional_
 "action": ...,
 "author": ...,
 "automation": ...,
 "[**background**](https://developer.chrome.com/extensions/background_pages)": {
_// Recommended_
 "[**persistent**](https://developer.chrome.com/extensions/event_pages)": false,
_// Optional_
 "[**service\_worker**](https://developer.chrome.com/extensions/background_pages)":
 },
 "[**chrome\_settings\_overrides**](https://developer.chrome.com/extensions/settings_override)": {...},
 "[**chrome\_ui\_overrides**](https://developer.chrome.com/extensions/ui_override)": {
 "bookmarks\_ui": {
 "remove\_bookmark\_shortcut": true,
 "remove\_button": true
 }
 },
 "[**chrome\_url\_overrides**](https://developer.chrome.com/extensions/override)": {...},
 "[**commands**](https://developer.chrome.com/extensions/commands)": {...},
 "content\_capabilities": ...,
 "[**content\_scripts**](https://developer.chrome.com/extensions/content_scripts)": [{...}],
 "[**content\_security\_policy**](https://developer.chrome.com/extensions/contentSecurityPolicy)": "policyString",
 "converted\_from\_user\_script": ...,
 "current\_locale": ...,
 "declarative\_net\_request": ...,
 "[**devtools\_page**](https://developer.chrome.com/extensions/devtools)": "devtools.html",
 "[**event\_rules**](https://developer.chrome.com/extensions/manifest/event_rules)": [{...}],
 "[**externally\_connectable**](https://developer.chrome.com/extensions/manifest/externally_connectable)": {
 "matches": ["\*://\*.example.com/\*"]
 },
 "[**file\_browser\_handlers**](https://developer.chrome.com/extensions/fileBrowserHandler)": [...],
 "[**file\_system\_provider\_capabilities**](https://developer.chrome.com/extensions/manifest/file_system_provider)": {
 "configurable": true,
 "multiple\_mounts": true,
 "source": "network"
 },
 "[**homepage\_url**](https://developer.chrome.com/extensions/manifest/homepage_url)": "http://path/to/homepage",
 "[**import**](https://developer.chrome.com/extensions/shared_modules)": [{"id": "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa"}],
 "[**incognito**](https://developer.chrome.com/extensions/manifest/incognito)": "spanning, split, or not\_allowed",
 "input\_components": ...,
 "[**key**](https://developer.chrome.com/extensions/manifest/key)": "publicKey",
 "[**minimum\_chrome\_version**](https://developer.chrome.com/extensions/manifest/minimum_chrome_version)": "versionString",
 "[**nacl\_modules**](https://developer.chrome.com/extensions/manifest/nacl_modules)": [...],
 "oauth2": ...,
 "[**offline\_enabled**](https://developer.chrome.com/extensions/manifest/offline_enabled)": true,
 "[**omnibox**](https://developer.chrome.com/extensions/omnibox)": {
 "keyword": "aString"
 },
 "[**optional\_permissions**](https://developer.chrome.com/extensions/permissions)": ["tabs"],
 "[**options\_page**](https://developer.chrome.com/extensions/options)": "options.html",
 "[**options\_ui**](https://developer.chrome.com/extensions/optionsV2)": {
 "chrome\_style": true,
 "page": "options.html"
 },
 "[**permissions**](https://developer.chrome.com/extensions/declare_permissions)": ["tabs"],
 "platforms": ...,
 "replacement\_web\_app": ...,
 "[**requirements**](https://developer.chrome.com/extensions/manifest/requirements)": {...},
 "[**sandbox**](https://developer.chrome.com/extensions/manifest/sandbox)": [...],
 "[**short\_name**](https://developer.chrome.com/extensions/manifest/name#short_name)": "Short Name",
 "signature": ...,
 "spellcheck": ...,
 "[**storage**](https://developer.chrome.com/extensions/manifest/storage)": {
 "managed\_schema": "schema.json"
 },
 "system\_indicator": ...,
 "[**tts\_engine**](https://developer.chrome.com/extensions/ttsEngine)": {...},
 "[**update\_url**](https://developer.chrome.com/extensions/autoupdate)": "http://path/to/updateInfo.xml",
 "[**version\_name**](https://developer.chrome.com/extensions/manifest/version)": "aString",
 "[**web\_accessible\_resources**](https://developer.chrome.com/extensions/manifest/web_accessible_resources)": [...]
}
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;p&gt;At least we know, there is nothing more than this. Now while making an extension, we don’t need to use every code written above.&lt;/p&gt;

&lt;h4&gt;
  
  
  Now we’re gonna make the Github Readme Markdown Chrome Extension whose link I gave in the beginning.
&lt;/h4&gt;

&lt;p&gt;( Go have a look at it. )&lt;/p&gt;

&lt;p&gt;Step 1: Creating a &lt;strong&gt;&lt;em&gt;manifest.json&lt;/em&gt;&lt;/strong&gt; file&lt;/p&gt;



&lt;div class="highlight"&gt;&lt;pre class="highlight plaintext"&gt;&lt;code&gt;{

“manifest\_version”: 2,

“author”: “https://github.com/Anant016",

“name”: “Github Readme Markdown”,

“icons”: { “48”: “./demo.png”, “128”: “./demo.png” },

“version”: “1.0”,

“description”: “Show options, how to edit while Readme.md is being edited in browser”,

“content\_scripts”: [

{

“matches”: [

“https://github.com/\*/new\*?readme\*"],

“js”: [“showoption.js”],

“run\_at”: “document\_end”

}

]

}
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;p&gt;In this, we can specify &lt;strong&gt;&lt;em&gt;author&lt;/em&gt;&lt;/strong&gt; that will be you, the &lt;strong&gt;&lt;em&gt;name&lt;/em&gt;&lt;/strong&gt; of the extension, It’s &lt;strong&gt;&lt;em&gt;icons&lt;/em&gt;&lt;/strong&gt; , i.e how it will be displayed. the basic &lt;strong&gt;&lt;em&gt;description&lt;/em&gt;&lt;/strong&gt; which will be shown, when you publish the app to the store.&lt;/p&gt;

&lt;p&gt;In &lt;strong&gt;&lt;em&gt;matches&lt;/em&gt;&lt;/strong&gt; attribute, we specify the URL, with some regular expression and when this URL matches, it will run the &lt;strong&gt;&lt;em&gt;showoption.js&lt;/em&gt;&lt;/strong&gt; file&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Step 2: Creating &lt;strong&gt;showoption_.js file_&lt;/strong&gt;&lt;/p&gt;
&lt;/blockquote&gt;



&lt;div class="highlight"&gt;&lt;pre class="highlight plaintext"&gt;&lt;code&gt;buttton = document.createElement(“button”);

buttton.innerHTML = “See Markup”;

buttton.setAttribute(“type”, “button”);

buttton.setAttribute(

“class”,

“flex-item-equal nav-link flex-md-auto preview tabnav-tab js-blob-edit-preview js-blob-edit-tab”

);

buttton.setAttribute(“data-togggle”, “popover”);

buttton.setAttribute(“title”, “Headings\n# The largest heading\n## The second largest heading\n######“ );

var a = document.querySelector(“.tabnav”);

if (a == undefined || null) {

} else {

a.appendChild(buttton);

}
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;That’s it. You have your extension.!!!!!! :)&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h3&gt;
  
  
  Testing —
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;Visit &lt;a&gt;chrome://extensions/&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Click on &lt;strong&gt;&lt;em&gt;Load Unpacked&lt;/em&gt;&lt;/strong&gt; button and select the folder in which those 2 files are present.&lt;/li&gt;
&lt;li&gt;And there you are. Just See if it works.&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  Publishing —
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;Visit &lt;a href="https://chrome.google.com/webstore/devconsole"&gt;&lt;em&gt;Chrome Developer Dashboard&lt;/em&gt;&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;You’ll have to pay 5$, one time fees, to upload up to 20 packages on Google Web Store.&lt;/li&gt;
&lt;li&gt;After Paying you can publish your extension by following the simple procedure and uploading a .zip file for your extension.&lt;/li&gt;
&lt;/ol&gt;

&lt;blockquote&gt;
&lt;p&gt;If you like my content, do give it a few claps. I would appreciate it.&lt;/p&gt;
&lt;/blockquote&gt;

</description>
      <category>publish</category>
      <category>javascript</category>
      <category>github</category>
      <category>chromeextension</category>
    </item>
    <item>
      <title>Why Use ReactJS</title>
      <dc:creator>Anu</dc:creator>
      <pubDate>Tue, 02 Jul 2019 12:23:40 +0000</pubDate>
      <link>https://dev.to/anu27580168/why-use-reactjs-2ci4</link>
      <guid>https://dev.to/anu27580168/why-use-reactjs-2ci4</guid>
      <description>&lt;p&gt;&lt;a href="https://medium.com/coolanant999/why-use-reactjs-8298367f6e0c"&gt;https://medium.com/coolanant999/why-use-reactjs-8298367f6e0c&lt;/a&gt;&lt;/p&gt;

</description>
      <category>react</category>
      <category>redux</category>
      <category>github</category>
      <category>productivity</category>
    </item>
    <item>
      <title>Create your first React App — Your Online Portfolio — and deploying</title>
      <dc:creator>Anu</dc:creator>
      <pubDate>Tue, 02 Jul 2019 12:22:03 +0000</pubDate>
      <link>https://dev.to/anu27580168/create-your-first-react-app-your-online-portfolio-and-deploying-2o62</link>
      <guid>https://dev.to/anu27580168/create-your-first-react-app-your-online-portfolio-and-deploying-2o62</guid>
      <description>&lt;p&gt;&lt;a href="https://medium.com/coolanant999/create-your-first-react-app-your-online-portfolio-and-deploying-3bc6fe2701d9"&gt;https://medium.com/coolanant999/create-your-first-react-app-your-online-portfolio-and-deploying-3bc6fe2701d9&lt;/a&gt;&lt;/p&gt;

</description>
      <category>github</category>
      <category>react</category>
      <category>redux</category>
      <category>beginners</category>
    </item>
  </channel>
</rss>
