<?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: Sahir khan</title>
    <description>The latest articles on DEV Community by Sahir khan (@sahirskd).</description>
    <link>https://dev.to/sahirskd</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%2F475598%2F31156234-7a16-4a8d-9303-6056d81e5908.png</url>
      <title>DEV Community: Sahir khan</title>
      <link>https://dev.to/sahirskd</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/sahirskd"/>
    <language>en</language>
    <item>
      <title>Create and publish personal portfolio in seconds 🚀</title>
      <dc:creator>Sahir khan</dc:creator>
      <pubDate>Mon, 29 Aug 2022 20:00:00 +0000</pubDate>
      <link>https://dev.to/sahirskd/create-and-publish-personal-portfolio-in-seconds-3k12</link>
      <guid>https://dev.to/sahirskd/create-and-publish-personal-portfolio-in-seconds-3k12</guid>
      <description>&lt;p&gt;Non technical person? and want to create your portfolio and publish to the internet? &lt;/p&gt;

&lt;p&gt;Use Resume App and fill up the form with the details that you want to see in your resume and hit Create Portfolio button, and that is it you will be redirected to your published portfolio. &lt;/p&gt;

&lt;p&gt;Now you can share the your published portfolio URL to anyone in the world.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://sahirskd.github.io/resume/demo.html"&gt;Here is the live site&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Overview of My Submission
&lt;/h3&gt;

&lt;p&gt;I have built a portfolio builder, which helps everyone to create and publish fully personal portfolio in seconds.&lt;/p&gt;

&lt;p&gt;I have used &lt;strong&gt;HTML&lt;/strong&gt;, &lt;strong&gt;CSS&lt;/strong&gt; and &lt;strong&gt;JavaScript&lt;/strong&gt; for frontend, I could use react but that didn't make sense for this type of project coz it is already single page web app 😎.&lt;/p&gt;

&lt;p&gt;And if I talk about backend I have used &lt;strong&gt;Node&lt;/strong&gt; along with &lt;strong&gt;Express.js&lt;/strong&gt; &lt;br&gt;
as a server, and &lt;strong&gt;Redis&lt;/strong&gt; as my main database and &lt;strong&gt;Redis OM&lt;/strong&gt; to connect my server to Redis Database.&lt;/p&gt;

&lt;p&gt;I have used &lt;a href="https://www.heroku.com/"&gt;Heroku&lt;/a&gt; to deploy my backend server and &lt;a href="https://pages.github.com/"&gt;Github pages&lt;/a&gt; to host my HTML pages.&lt;/p&gt;

&lt;h3&gt;
  
  
  Submission Category:
&lt;/h3&gt;

&lt;p&gt;This project is build for Wacky Wildcards category.&lt;/p&gt;

&lt;h3&gt;
  
  
  Video Explainer of My Project
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://www.youtube.com/watch?v=urip7_t2oas&amp;amp;themeRefresh=1"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--3mEVIo0d--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/sahirskd/resume/main/docs/Screenshot_1.jpg" alt="Embed your YouTube video" width="880" height="453"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Language Used
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;I have used the following languages in this project:

&lt;ul&gt;
&lt;li&gt;HTML&lt;/li&gt;
&lt;li&gt;CSS&lt;/li&gt;
&lt;li&gt;JavaScript / Express.js&lt;/li&gt;
&lt;/ul&gt;


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

&lt;h3&gt;
  
  
  Link to Code
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://github.com/sahirskd/resume"&gt;Visit the Github Repo&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Screenshots
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://sahirskd.github.io/resume/demo.html"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--3mEVIo0d--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/sahirskd/resume/main/docs/Screenshot_1.jpg" alt="Desktop - 1" width="880" height="453"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://sahirskd.github.io/resume/demo.html"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--zuN0aPaJ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/sahirskd/resume/main/docs/Screenshot_4.png" alt="Desktop - 4" width="880" height="1904"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://sahirskd.github.io/resume/demo.html"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ix5LJTAg--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/sahirskd/resume/main/docs/Screenshot_2.jpg" alt="Desktop - 2" width="880" height="452"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://sahirskd.github.io/resume/demo.html"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Yef51GgF--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/sahirskd/resume/main/docs/Screenshot_3.png" alt="Desktop - 3" width="880" height="1904"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Don't forget to give it a try &lt;a href="https://sahirskd.github.io/resume/demo.html"&gt;Visit Now&lt;/a&gt;&lt;/p&gt;




&lt;ul&gt;
&lt;li&gt;&lt;em&gt;Check out &lt;a href="https://redis.io/docs/stack/get-started/clients/#high-level-client-libraries"&gt;Redis OM&lt;/a&gt;, client libraries for working with Redis as a multi-model database.&lt;/em&gt;&lt;/li&gt;
&lt;li&gt;&lt;em&gt;Use &lt;a href="https://redis.info/redisinsight"&gt;RedisInsight&lt;/a&gt; to visualize your data in Redis.&lt;/em&gt;&lt;/li&gt;
&lt;li&gt;&lt;em&gt;Sign up for a &lt;a href="https://redis.info/try-free-dev-to"&gt;free Redis database&lt;/a&gt;.&lt;/em&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>redishackathon</category>
      <category>express</category>
      <category>javascript</category>
      <category>portfolio</category>
    </item>
    <item>
      <title>Introducing Voice-To-Text feature in S Gmail using Deepgram.</title>
      <dc:creator>Sahir khan</dc:creator>
      <pubDate>Mon, 11 Apr 2022 13:56:47 +0000</pubDate>
      <link>https://dev.to/sahirskd/introducing-voice-to-text-feature-in-s-gmail-using-deepgram-10d1</link>
      <guid>https://dev.to/sahirskd/introducing-voice-to-text-feature-in-s-gmail-using-deepgram-10d1</guid>
      <description>&lt;h3&gt;
  
  
  Overview of My Submission
&lt;/h3&gt;

&lt;p&gt;Earlier I created a single-page live chatting application following real Gmail's UI, called S Gmail.&lt;br&gt;
Recently I heard about the Deepgram hackathon I thought why don't I use this service in my personal application Sgmail, So, thanks to Deepgram's documentation I was successfully able to use their services in the Sgmail.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Live preview:&lt;/strong&gt; &lt;a href="https://sahirgmail.netlify.app/"&gt;https://sahirgmail.netlify.app/&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Submission Category:
&lt;/h3&gt;

&lt;p&gt;Accessibility Advocates&lt;/p&gt;

&lt;h3&gt;
  
  
  My Deepgram Use-Case
&lt;/h3&gt;

&lt;p&gt;I was looking to add some features to my hobby project Sgmail application, so when I saw Deepgram's post regarding their voice-to-text service then I decided to implement this service to Sgmail.&lt;br&gt;
And when I started implementing the Deepgram package I realized that I will have to create another project for Deepgram to use it as an API, So I created a very simple backend using Node.js, Express.js, and Deepgram package.&lt;/p&gt;

&lt;p&gt;Now, the Deepgram is converting my audio file to text with good accuracy and punctuation which was very necessary for my app.&lt;/p&gt;

&lt;p&gt;Now the users don't have to write all the text they want to send in the app, they can just speak what they want to text.&lt;/p&gt;

&lt;h3&gt;
  
  
  Tech stack
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;React.js&lt;/strong&gt; - Frontend framework&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Firebase&lt;/strong&gt; - Realtime database&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Deepgram&lt;/strong&gt; - Voice-To-Text feature&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Express&lt;/strong&gt; - API development&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Material UI&lt;/strong&gt; - UI designing framework&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Redux&lt;/strong&gt; - State management solution&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Heroku&lt;/strong&gt; - For hosting the backend of the project&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Netlify&lt;/strong&gt; - For hosting the frontend of the project.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Github&lt;/strong&gt; - To host the code.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Image
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--V3qBlzu3--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fxq2600ow2utglu7r4m5.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--V3qBlzu3--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fxq2600ow2utglu7r4m5.png" alt="S Gmail Image" width="880" height="454"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Link to Code on GitHub
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;Front-end of the project:&lt;/strong&gt; &lt;a href="https://github.com/sahirskd/gmail"&gt;https://github.com/sahirskd/gmail&lt;/a&gt;&lt;br&gt;
&lt;strong&gt;Back-end of the project:&lt;/strong&gt; &lt;a href="https://github.com/sahirskd/deepgramApi"&gt;https://github.com/sahirskd/deepgramApi&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Conclusion
&lt;/h3&gt;

&lt;p&gt;So, during Deepgram's implementation into my project, I got to learn a lot about how frontend and backend communicate through API.&lt;br&gt;
After all, I got my hands dirty with the backend, Deepgram gave me the reason to do the same😁.&lt;br&gt;
In future I will be building some more features for this project.&lt;/p&gt;

&lt;p&gt;—&lt;/p&gt;

</description>
      <category>hackwithdg</category>
      <category>deepgram</category>
      <category>react</category>
      <category>sgmail</category>
    </item>
    <item>
      <title>How to Start a Career as a web developer?🤔</title>
      <dc:creator>Sahir khan</dc:creator>
      <pubDate>Thu, 08 Oct 2020 13:34:26 +0000</pubDate>
      <link>https://dev.to/sahirskd/how-to-start-a-career-as-a-web-developer-2gbf</link>
      <guid>https://dev.to/sahirskd/how-to-start-a-career-as-a-web-developer-2gbf</guid>
      <description>&lt;p&gt;Hi there 👋, &lt;br&gt;
Lots of you might be thinking 🤔, should I go in this coding field or not (I also used to think😜) but after some outer motivation I chosen this path and started to learn HTML, CSS, JAVASCRIPT. I took many online courses and watched lots of YouTube videos and scrolled thousands of webpages and finally, now I find myself at a good position of web development. But still I am learning new things about web development everyday, I also created some fun projects by taking help from YouTube.&lt;br&gt;
But if someone wants to get into this field then I would suggest him that:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;Don't take it too seriously 😡(in starting it will definitely give you a little bit of pain)&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Don't 😶hesitate to ask&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Don't try to learn whole things at once&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Build fun😄 projects (this will improve your skills a lot)&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Keep learning🙄 everyday (even for one hour)&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;You should build your own portfolio (as you should have something to showcase your skills)&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;You can learn programming for free of cost if you don't have good budget (even better than a paid course)&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

</description>
      <category>career</category>
      <category>html</category>
      <category>css</category>
      <category>webdev</category>
    </item>
  </channel>
</rss>
