<?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>Forem: Vikas Kumar</title>
    <description>The latest articles on Forem by Vikas Kumar (@vikaspandey121).</description>
    <link>https://forem.com/vikaspandey121</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%2F249610%2F8f0a7427-d7fb-4c2a-bef9-741b922c1737.jpeg</url>
      <title>Forem: Vikas Kumar</title>
      <link>https://forem.com/vikaspandey121</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/vikaspandey121"/>
    <language>en</language>
    <item>
      <title>A tour to Git Commit Showcases</title>
      <dc:creator>Vikas Kumar</dc:creator>
      <pubDate>Sat, 02 May 2020 07:51:46 +0000</pubDate>
      <link>https://forem.com/vikaspandey121/a-tour-to-git-commit-showcases-1pi8</link>
      <guid>https://forem.com/vikaspandey121/a-tour-to-git-commit-showcases-1pi8</guid>
      <description>&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/VCP36k5OqDs"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;h1&gt;
  
  
  Never-Blink
&lt;/h1&gt;



&lt;h2&gt;
  
  
  1. 🎉 Introduction
&lt;/h2&gt;

&lt;p&gt;Randomly connect to a player around the world and challenge him/her. Remember not to blink!&lt;/p&gt;

&lt;h2&gt;
  
  
  2. 📜 Implementation
&lt;/h2&gt;

&lt;h3&gt;
  
  
  1. Project structure
&lt;/h3&gt;



&lt;div class="highlight"&gt;&lt;pre class="highlight plaintext"&gt;&lt;code&gt;.
├── backend
│   ├── __init__.py
│   ├── detect.py
│   └── shape_predictor_68_face_landmarks.dat (detect model)
├── package.json
├── requirements.txt
├── server.py
├── src
│   ├── app.jsx
│   ├── index.js
│   ├── play.jsx
│   └── start.jsx
├── static
│   └── bundle.js
├── templates
│   └── index.html
└── webpack.config.js
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;p&gt;The project uses &lt;code&gt;react&lt;/code&gt; as our frontend framework, and uses &lt;code&gt;peerjs&lt;/code&gt; to communicate between clients. At the backend, we use &lt;code&gt;flask&lt;/code&gt; to host the server. For the connection between clients and server, we use &lt;code&gt;socketio&lt;/code&gt; to implement real-time data transfer.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--C4ea0Klm--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/ByronHsu/Never-Blink/master/assets/structure.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--C4ea0Klm--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/ByronHsu/Never-Blink/master/assets/structure.png" width="500px"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  2. Game State
&lt;/h3&gt;

&lt;p&gt;It uses the notion of &lt;a href="https://zh.wikipedia.org/wiki/%E6%9C%89%E9%99%90%E7%8A%B6%E6%80%81%E6%9C%BA"&gt;Finite State Machine&lt;/a&gt; to design our game state. The circle is the state. The text in the top of each box is the event causing state transition, and the text in the bottom of each box is the action taken when an event occurs. The logic looks quite simple here, but it is not that easy to implement. For more detail you can check &lt;a href="//./src/play.jsx"&gt;play.jsx&lt;/a&gt; or &lt;a href="//./src/server.py"&gt;server.py&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--MppQn9ZY--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://github.com/ByronHsu/Never-Blink/blob/master/assets/gamestate.png%3Fraw%3Dtrue" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--MppQn9ZY--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://github.com/ByronHsu/Never-Blink/blob/master/assets/gamestate.png%3Fraw%3Dtrue" width="500px"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Start and Enjoy&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Go to &lt;code&gt;https://0.0.0.0:3000&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;code&gt;0.0.0.0:3000&lt;/code&gt; does not work, remember to add &lt;code&gt;https&lt;/code&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  4. 🚧 Problem
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;Because the detector is too slow and weak, we can not endure too many clients. Therefore, we do not deploy it to a public server now. We plan to train a robust and fast model in the future.&lt;/li&gt;
&lt;li&gt;When restarting, the old media connection listener will be called again. So we remove restart temporarily.&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  5. 📖 Reference
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;Environment setup: &lt;a href="https://github.com/rwieruch/minimal-react-webpack-babel-setup"&gt;https://github.com/rwieruch/minimal-react-webpack-babel-setup&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Simple P2P WebRTC package: &lt;a href="https://github.com/peers/peerjs"&gt;https://github.com/peers/peerjs&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Socket-io: &lt;a href="https://socket.io/docs/client-api/"&gt;https://socket.io/docs/client-api/&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Flask-socketio: &lt;a href="https://flask-socketio.readthedocs.io/en/latest/"&gt;https://flask-socketio.readthedocs.io/en/latest/&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Blink detector: &lt;a href="https://github.com/dilawar/eye-blink-detector"&gt;https://github.com/dilawar/eye-blink-detector&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Material UI: &lt;a href="https://material-ui.com/"&gt;https://material-ui.com/&lt;/a&gt;
&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;strong&gt;To know even more interesting showcases&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;go to &lt;a href="https://medium.com/@VikasPandey121/a-tour-to-git-commit-show-56d37e6afc03"&gt;https://medium.com/@VikasPandey121/a-tour-to-git-commit-show-56d37e6afc03&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;To join Git Commit Show 2020 visit &lt;a href="http://gitcommit.show/"&gt;http://gitcommit.show/&lt;/a&gt;&lt;/p&gt;

</description>
      <category>git</category>
      <category>opensource</category>
      <category>beginners</category>
      <category>techtalks</category>
    </item>
    <item>
      <title>A tour to Git Commit Show</title>
      <dc:creator>Vikas Kumar</dc:creator>
      <pubDate>Wed, 29 Apr 2020 14:09:54 +0000</pubDate>
      <link>https://forem.com/vikaspandey121/a-tour-to-git-commit-show-jdk</link>
      <guid>https://forem.com/vikaspandey121/a-tour-to-git-commit-show-jdk</guid>
      <description>&lt;p&gt;Git Commit Show is first of its kind conference started in 2019 with 7 international speakers. Developers from all over the world can join the conference to learn, share and connect about the latest technical achievements. Git Commit Show is a 2-day action-packed event to showcase these latest developments in the tech.&lt;/p&gt;

&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/hDH0wQg9j60"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;strong&gt;Git Commit Show 2019&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;Git Commit Show holds four sections: Masterclass, Showcase, Entertainment, Networking. We had wonderful talks and developers all over the world who joined and covered Masterclass sessions on the topics&lt;/p&gt;

&lt;h2&gt;
  
  
  Masterclass
&lt;/h2&gt;


&lt;ul&gt;

  &lt;li&gt;AI for everyday things&lt;/li&gt;

  &lt;li&gt;Introduction to Raspberry Pi&lt;/li&gt;

  &lt;li&gt;Learning from the journey of popular open-source project cURL&lt;/li&gt;

  &lt;li&gt;Evolution of unicorn&lt;/li&gt;

  &lt;li&gt;World through touch&lt;/li&gt;

&lt;ul&gt;
&lt;h2&gt;
  
  
  Showcase
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--uG5fpICg--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://miro.medium.com/max/875/0%2Ayw7OETTMduJWoS14.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--uG5fpICg--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://miro.medium.com/max/875/0%2Ayw7OETTMduJWoS14.png"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/VCP36k5OqDs"&gt;
&lt;/iframe&gt;
&lt;/p&gt;




&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/rtP8RmoAaCw"&gt;
&lt;/iframe&gt;
&lt;/p&gt;




&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/yeQ65h4cSKs"&gt;
&lt;/iframe&gt;
&lt;/p&gt;




&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/VCP36k5OqDs"&gt;
&lt;/iframe&gt;
&lt;/p&gt;




&lt;p&gt;Want to give a talk or showcase your tech product than fill-up the form mentioned here.&lt;/p&gt;

&lt;h3&gt;
  
  
  To know more about Git Commit Show 2020 visit &lt;a href="http://gitcommit.show/"&gt;http://gitcommit.show/&lt;/a&gt;
&lt;/h3&gt;


&lt;/ul&gt;
&lt;/ul&gt;

</description>
      <category>git</category>
      <category>computerscience</category>
      <category>techtalks</category>
      <category>showdev</category>
    </item>
    <item>
      <title>Why and How to contribute to open source???</title>
      <dc:creator>Vikas Kumar</dc:creator>
      <pubDate>Tue, 03 Dec 2019 09:02:35 +0000</pubDate>
      <link>https://forem.com/vikaspandey121/why-and-how-to-contribute-to-open-source-22ge</link>
      <guid>https://forem.com/vikaspandey121/why-and-how-to-contribute-to-open-source-22ge</guid>
      <description>&lt;p&gt;Hello there, I am Vikas Kumar student of 2nd-year Information technology B.tech from CBP Government Engineering college&lt;/p&gt;

&lt;p&gt;I have been asked by so many students that what is open source, how can I contribute to it? Is it helpful if I contribute to open source, and the list goes on relevant to “&lt;strong&gt;Open Source&lt;/strong&gt;”.&lt;/p&gt;

&lt;p&gt;So what is open source???&lt;/p&gt;

&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/LidH-VCDFAQ"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;According to opensource.com The term “&lt;strong&gt;open-source&lt;/strong&gt;” refers to something people can modify and share because its design is publicly accessible.&lt;/p&gt;

&lt;p&gt;The term originated in the context of software development to designate a specific approach to creating computer programs. Today, however, “open source” designates a broader set of values — what we call “the open source way.” Open source projects, products, or initiatives embrace and celebrate principles of open exchange, collaborative participation, rapid prototyping, transparency, meritocracy, and community-oriented development. i.e., “&lt;strong&gt;open-source is what is free to access by all. Anyone can change and distribute its own model&lt;/strong&gt;”.&lt;/p&gt;

&lt;p&gt;There are so many blogs available on the internet to learn about open source, software and their importance. I won’t be discussing its importance in this article here my main concern is “&lt;strong&gt;How to contribute to open-source&lt;/strong&gt;?”&lt;/p&gt;

&lt;p&gt;The most common and widely used platform to contribute to open source is Git and GitHub.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fmiro.medium.com%2Fmax%2F2399%2F1%2AKnu2DUeWHlmRzyegWSjjFA.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fmiro.medium.com%2Fmax%2F2399%2F1%2AKnu2DUeWHlmRzyegWSjjFA.png"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The purpose of &lt;strong&gt;Git&lt;/strong&gt; is to manage a project, or a set of files, as they change over time. Git stores this information in a data structure called a repository. A git repository contains, among other things, the following: A set of commit objects.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;GitHub&lt;/strong&gt; is a Git repository hosting service, but it adds many of its own features. While Git is a command-line tool, GitHub provides a Web-based graphical interface. It also provides access control and several collaboration features, such as wikis and basic task management tools for every project.&lt;/p&gt;

&lt;p&gt;Here I will Teach You some of the command used in git to push, pull, commit and do changes to your GitHub repository.&lt;/p&gt;

&lt;p&gt;First, install Git from the official site &lt;a href="https://git-scm.com/downloads" rel="noopener noreferrer"&gt;https://git-scm.com/downloads&lt;/a&gt; and install it in your PC then after creating your profile on Github &lt;a href="https://github.com" rel="noopener noreferrer"&gt;https://github.com&lt;/a&gt;, make a repository and clone (copy the link of your repository) your repository with HTTPS.&lt;/p&gt;

&lt;p&gt;&lt;a href="" class="article-body-image-wrapper"&gt;&lt;img&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Now go to Git Bash software and use this command to clone this repository to your PC.&lt;/p&gt;

&lt;p&gt;git clone [your copy link]&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fmiro.medium.com%2Fmax%2F1473%2F1%2AVrTHHi9fqCf8of7Tgquzxw.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fmiro.medium.com%2Fmax%2F1473%2F1%2AVrTHHi9fqCf8of7Tgquzxw.jpeg"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Git Bash don’t use &lt;strong&gt;ctrl+V&lt;/strong&gt; to paste any segment so paste your link by using &lt;strong&gt;shift+Ins&lt;/strong&gt; key&lt;/p&gt;

&lt;p&gt;Now you have cloned your Github repository to your system now add all you relevant codes in that cloned directory to upload it to your GitHub Profile.&lt;/p&gt;

&lt;p&gt;Now when you will type command git status you will see all those files you have added to the directory in red-coloured untracked file segment like this. Here laddu.txt is my unracked file what I have just moved to the directory.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fmiro.medium.com%2Fmax%2F2399%2F1%2A4zIngxn0y1M5nmTPzAeDWg.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fmiro.medium.com%2Fmax%2F2399%2F1%2A4zIngxn0y1M5nmTPzAeDWg.png"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Now to add these files into &lt;strong&gt;staging&lt;/strong&gt; area (Staging is a step before the commit process in git. That is, a commit in git is performed in two steps: staging and actually commit. As long as a changeset is in the staging area, git allows you to edit it as you like to replace staged files with other versions of staged files, remove changes from staging, etc.) use command git add &amp;lt;&lt;strong&gt;files_Name with their respective extensions&lt;/strong&gt;&amp;gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fmiro.medium.com%2Fmax%2F2399%2F1%2AMDzdT8bwMCQQvCyXtISpzA.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fmiro.medium.com%2Fmax%2F2399%2F1%2AMDzdT8bwMCQQvCyXtISpzA.png"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Here you can see that now your files are successfully added to the staging area. Now you need to commit these files with a description. And to do so use &lt;strong&gt;git commit -m “Your description”&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fmiro.medium.com%2Fmax%2F2399%2F1%2AiRClGqwzjFVyINM8LeFZBg.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fmiro.medium.com%2Fmax%2F2399%2F1%2AiRClGqwzjFVyINM8LeFZBg.png"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Now we have committed these changes in our local system and to upload these changes to our remote profile use &lt;strong&gt;git remote -v&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fmiro.medium.com%2Fmax%2F2366%2F1%2AzjlD5zF4qUtaq4mdHSTmwQ.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fmiro.medium.com%2Fmax%2F2366%2F1%2AzjlD5zF4qUtaq4mdHSTmwQ.png"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Great, Now just one step left this is to push these changes in our Github repository. use &lt;strong&gt;git push origin master&lt;/strong&gt; command to upload your files or any changes.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fmiro.medium.com%2Fmax%2F2324%2F1%2A3-Ac3yByucd99nqZLd1tCw.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fmiro.medium.com%2Fmax%2F2324%2F1%2A3-Ac3yByucd99nqZLd1tCw.png"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Great You have successfully uploaded your files to your GitHub repository.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fmiro.medium.com%2Fmax%2F2399%2F1%2AQKSwNFws02G4DVJTJ544jA.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fmiro.medium.com%2Fmax%2F2399%2F1%2AQKSwNFws02G4DVJTJ544jA.png"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;All the files and directories are uploaded to your Github account. Now you can manage, revert, access or do any changes in your repositories like this. If you need any other help DM me I will add or post another article relevant to issues raised by majorities.&lt;/p&gt;

&lt;h3&gt;
  
  
  You can also earn some cool swags if you contribute to open source
&lt;/h3&gt;

&lt;p&gt;&lt;iframe class="tweet-embed" id="tweet-1199660931715715072-191" src="https://platform.twitter.com/embed/Tweet.html?id=1199660931715715072"&gt;
&lt;/iframe&gt;

  // Detect dark theme
  var iframe = document.getElementById('tweet-1199660931715715072-191');
  if (document.body.className.includes('dark-theme')) {
    iframe.src = "https://platform.twitter.com/embed/Tweet.html?id=1199660931715715072&amp;amp;theme=dark"
  }



&lt;/p&gt;

&lt;p&gt;You can also follow me to my LinkedIn &amp;amp;Instagram handle through&lt;br&gt;
&lt;a href="https://www.linkedin.com/in/VikasPandey121/" rel="noopener noreferrer"&gt;https://www.linkedin.com/in/VikasPandey121/&lt;/a&gt;&lt;br&gt;
&lt;a href="https://www.instagram.com/VikasPandey121/" rel="noopener noreferrer"&gt;https://www.instagram.com/VikasPandey121/&lt;/a&gt;&lt;/p&gt;

</description>
      <category>git</category>
      <category>github</category>
      <category>opensource</category>
      <category>beginners</category>
    </item>
    <item>
      <title>How to create Alexa skill</title>
      <dc:creator>Vikas Kumar</dc:creator>
      <pubDate>Fri, 29 Nov 2019 08:44:33 +0000</pubDate>
      <link>https://forem.com/vikaspandey121/how-to-create-alexa-skill-2eom</link>
      <guid>https://forem.com/vikaspandey121/how-to-create-alexa-skill-2eom</guid>
      <description>&lt;h3&gt;
  
  
  Introduction to Amazon Alexa and Alexa skill
&lt;/h3&gt;

&lt;p&gt;Amazon Alexa, known simply as Alexa, is a virtual assistant developed by Amazon, first used in the Amazon Echo and the Amazon Echo Dot smart speakers developed by Amazon Lab126. It is capable of voice interaction, music playback, making to-do lists, setting alarms, streaming podcasts, playing audiobooks, and providing weather, traffic, sports, and other real-time information, such as news. Alexa can also control several smart devices using itself as a home automation system. Users are able to extend the Alexa capabilities by installing “skills” (additional functionality developed by third-party vendors, in other settings more commonly called apps such as weather programs and audio features).&lt;/p&gt;

&lt;h3&gt;
  
  
  Prerequisites for developing Alexa skill
&lt;/h3&gt;

&lt;p&gt;It is obvious that you should have an &lt;a href="https://developer.amazon.com/"&gt;amazon developers account&lt;/a&gt;. And you must have AWS Lamda for the easiest backend support.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--MzEWCeYc--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://miro.medium.com/max/2400/1%2AliOuc6TUnt1v6jsKc5lK_A.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--MzEWCeYc--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://miro.medium.com/max/2400/1%2AliOuc6TUnt1v6jsKc5lK_A.png"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  &lt;strong&gt;Steps to follow for your Alexa skill&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;Give the skill a unique name with a default language. You can choose the model to add to your skill and multiple methods to host your skill’s backend resources but I would prefer you to go with the custom that will be mentioned as custom and provision your own respectively.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--MzEWCeYc--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://miro.medium.com/max/2400/1%2AliOuc6TUnt1v6jsKc5lK_A.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--MzEWCeYc--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://miro.medium.com/max/2400/1%2AliOuc6TUnt1v6jsKc5lK_A.png"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  &lt;strong&gt;Choose a template&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--zRmZRMae--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://miro.medium.com/max/2400/1%2AWwkZQ3ywTVJSDHbEUr2eEw.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--zRmZRMae--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://miro.medium.com/max/2400/1%2AWwkZQ3ywTVJSDHbEUr2eEw.png"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  &lt;strong&gt;Go for the Start from scratch&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--f48WTvxl--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://miro.medium.com/max/2400/1%2A40Y78kT-3QEZY8Lqg844mg.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--f48WTvxl--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://miro.medium.com/max/2400/1%2A40Y78kT-3QEZY8Lqg844mg.png"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The screen will look like this once click on start from scratch and the browse completes.&lt;/p&gt;

&lt;h3&gt;
  
  
  &lt;strong&gt;Lambda Functions&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--k0dlC43z--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://miro.medium.com/max/2400/1%2Ai0Bv1roYJXNkqoiLMpK5ww.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--k0dlC43z--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://miro.medium.com/max/2400/1%2Ai0Bv1roYJXNkqoiLMpK5ww.png"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Now go to the &lt;a href="https://aws.amazon.com/"&gt;aws.amazon&lt;/a&gt; and create an AWS Lambda function.&lt;/p&gt;

&lt;p&gt;Here in its index.js file, we have an Intent named GetNewFactIntent that will contain our data on what Alexa will respond to our queries. And in the const data array, we can add the facts.&lt;/p&gt;


&lt;div class="ltag_gist-liquid-tag"&gt;
  
&lt;/div&gt;


&lt;h3&gt;
  
  
  &lt;strong&gt;Copy ARN number&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--E_S9MAk8--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://miro.medium.com/max/2400/1%2AV-JLjpmrmrHVNOk6nWmJhQ.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--E_S9MAk8--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://miro.medium.com/max/2400/1%2AV-JLjpmrmrHVNOk6nWmJhQ.png"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Copy the ARN number in the top right corner and paste it to the endpoint in the Alexa skill console. Now go to Intent and add an Intent with the same name &lt;strong&gt;GetNewFactIntent&lt;/strong&gt; to sync the array facts and give some sample utterances related to your skill. I developed the skill Interesting facts of Bihar that is why is used this array of words repeatedly in my sample utterances.&lt;/p&gt;

&lt;h3&gt;
  
  
  &lt;strong&gt;Sample utterances&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--ikUff8dc--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://miro.medium.com/max/2400/1%2AZNU5LNoulHZEh3zIHeMVCw.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ikUff8dc--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://miro.medium.com/max/2400/1%2AZNU5LNoulHZEh3zIHeMVCw.png"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;after filling up for the required utterances just save and build your model and then you to the Test section.&lt;/p&gt;

&lt;h3&gt;
  
  
  &lt;strong&gt;Test your skill&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--_gmExCmJ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://miro.medium.com/max/2400/1%2A7WPGQTqZolwBgwUaEfjARA.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--_gmExCmJ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://miro.medium.com/max/2400/1%2A7WPGQTqZolwBgwUaEfjARA.png"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Test your skill for multiple times to get rest assured for the quality of your Amazon skill. After that go to distribution, all the other requirements are basic and I am sure that will do it if still, you find any issue then you can mail me or ask me in the response section below.&lt;/p&gt;

&lt;p&gt;Here is the link to my Amazon Alexa skill &lt;a href="https://amzn.to/2pS9J2e"&gt;https://amzn.to/2pS9J2e&lt;/a&gt;&lt;/p&gt;

</description>
      <category>beginners</category>
      <category>javascript</category>
      <category>git</category>
      <category>opensource</category>
    </item>
  </channel>
</rss>
