<?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: Dhruv Mehta</title>
    <description>The latest articles on DEV Community by Dhruv Mehta (@dhruv194).</description>
    <link>https://dev.to/dhruv194</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%2F360366%2F7ffa5dae-c105-4075-a515-30d0258857d0.jpg</url>
      <title>DEV Community: Dhruv Mehta</title>
      <link>https://dev.to/dhruv194</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/dhruv194"/>
    <language>en</language>
    <item>
      <title>Hackathon Winning 101: Insider Tips from a Seasoned Participant</title>
      <dc:creator>Dhruv Mehta</dc:creator>
      <pubDate>Mon, 01 Jul 2024 16:20:15 +0000</pubDate>
      <link>https://dev.to/dhruv194/hackathon-winning-101-insider-tips-from-a-seasoned-participant-2k9d</link>
      <guid>https://dev.to/dhruv194/hackathon-winning-101-insider-tips-from-a-seasoned-participant-2k9d</guid>
      <description>&lt;p&gt;&lt;strong&gt;Now before we begin, you might ask: Who am I? Who is this guy giving us advice? How credible is this source?&lt;/strong&gt; &lt;/p&gt;

&lt;p&gt;To answer these questions: I am an avid hackathon participant who began my tech journey by developing projects specifically for hackathons. All my coding skills have been honed through these intense competitions, leading me to win several national-level hackathons such as HackOn 2020, HackJaipur 2020, ETHIndia'22, and Aptos Winter School'23. Additionally, I have served as a judge in a couple of hackathons, giving me a decent understanding of the judging criteria and the factors that distinguish winning projects. Further, I've also been around many friends who are serial hackathon participants and winners. This article is an amalgamation of my own experiences and the insights I've gained from observing others.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Note -&lt;/strong&gt; I won't repeat the obvious advice you've likely encountered on YouTube or other blogs. Instead, I'll share 5 secret ingredients and sauces that will definitely help you in cooking and winning your next hackathon 😉 &lt;/p&gt;
&lt;/blockquote&gt;




&lt;h3&gt;
  
  
  1. How to Come Up with an Idea?
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fvy73ww1g95clml6fck6f.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fvy73ww1g95clml6fck6f.png" alt="Don't build a project - build a product and solve a problem" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;em&gt;Don't build a project - build a product and solve a problem.&lt;/em&gt;&lt;/strong&gt; The key to success lies in shifting your perspective from building a mere project to developing a product that solves a real-world problem. Think of it as creating an app or website you would want to use yourself or one that you believe others would find valuable. This approach ensures that your project is not only practical but also innovative.&lt;/p&gt;

&lt;h3&gt;
  
  
  2. What to Do with That Idea?
&lt;/h3&gt;

&lt;p&gt;Once you have an idea, thoroughly analyze and refine it. Be 100% clear about its purpose and scope. If possible, support your idea with research materials and market data. This not only validates your concept but also demonstrates to the judges that you have considered its feasibility and potential impact. Additionally, consider the future use cases of your idea enabling you to leave it with a bigger &lt;strong&gt;&lt;em&gt;‘what lies ahead’ for your project.&lt;/em&gt;&lt;/strong&gt; This shows that you envision it as a scalable solution.&lt;/p&gt;

&lt;h3&gt;
  
  
  3. Tackling Existing Ideas
&lt;/h3&gt;

&lt;p&gt;Don’t be discouraged if your idea already exists in the market. There’s &lt;strong&gt;&lt;em&gt;nothing wrong with reinventing the wheel—what matters is how you do it differently.&lt;/em&gt;&lt;/strong&gt; Add unique features or improvements to set your project apart from existing solutions. This innovative twist can make a significant difference in how your project is perceived during the hackathon.&lt;/p&gt;

&lt;h3&gt;
  
  
  4. What to Actually Build?
&lt;/h3&gt;

&lt;p&gt;Always aim to create a working prototype. Whether it’s an app or a website, ensure it demonstrates the core functionality of your idea. A tangible, functioning model greatly enhances your chances of winning. &lt;strong&gt;&lt;em&gt;Remember the saying, “Jo dikhta hai, wohi bikta hai” or “Sell the sizzle, not the steak.”&lt;/em&gt;&lt;/strong&gt; A prototype that users and judges can interact with will make a lasting impression.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnw52lq61ql2f2i178cy7.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnw52lq61ql2f2i178cy7.png" alt="What is seen is sold" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  5. How to Present?
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;&lt;em&gt;Presentation is crucial.&lt;/em&gt;&lt;/strong&gt; Provide detailed information about your project, including the development process, technologies used, workflow, and the rationale behind your idea. A well-crafted, concise README file that clearly explains your project is essential. It should be easy to read and understand, highlighting the key aspects and unique features of your project.&lt;/p&gt;




&lt;p&gt;Lastly, I am also a participant like you folks, so I will keep on updating and adding to this article with more of my observations. Till then, good luck!&lt;/p&gt;

&lt;p&gt;~ Dhruv Mehta, n&amp;amp;w s5&lt;/p&gt;

</description>
      <category>hackathon</category>
      <category>programming</category>
      <category>tutorial</category>
      <category>beginners</category>
    </item>
    <item>
      <title>Native vs Cross Platform </title>
      <dc:creator>Dhruv Mehta</dc:creator>
      <pubDate>Sun, 29 Aug 2021 19:12:57 +0000</pubDate>
      <link>https://dev.to/dhruv194/native-vs-cross-platform-5h7</link>
      <guid>https://dev.to/dhruv194/native-vs-cross-platform-5h7</guid>
      <description>&lt;h3&gt;
  
  
  What should you choose? Or What should you consider while mobile app development? What should you consider for developing your apps? Native or Cross Platform?
&lt;/h3&gt;

&lt;blockquote&gt;
&lt;h3&gt;
  
  
  Well let's get straight to the point for which you have come here. 👉
&lt;/h3&gt;

&lt;p&gt;I will be giving a very diplomatic answer to start off with, that both the platforms or development techniques are equally good and important. Both have their own pros and cons about which I will be discussing in the article further. I will be giving you a brief about both the platforms and then leave it to you to decide which app development method suits you best whether it is for learning perspective or job perspective.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--RlzFHmqk--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m7hieu9nx3fxnyd205ig.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--RlzFHmqk--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m7hieu9nx3fxnyd205ig.png" alt="banner image for native vs cross"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  📱 Native :
&lt;/h2&gt;

&lt;blockquote&gt;
&lt;p&gt;As the name suggests itself, Native App development is the native or we can say the traditional way of developing apps. It is based on the native operating system of the device on which the app is going to run. For example - for iOS/iPhone there is the programming language called objective-C and swift on the other hand for Android there is the programming language called Java and Kotlin. &lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--7WMED34M--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fiag4ueovolf75mnvrx6.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--7WMED34M--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fiag4ueovolf75mnvrx6.png" alt="native"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Pros of Native App Development -
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;All the Native apps use the same programming language as their operating system so they perform better, have faster performance and are very stable. &lt;/li&gt;
&lt;li&gt;If there is a use-case where you need to squeeze out all the particular special features of an operating system then you need to develop it on Native, because Native provides the option to fully utilize all the capabilities of that particular operating system through your app. &lt;/li&gt;
&lt;li&gt;Researching your app audience and building according to it enhances the user experience of the app. If the majority of your app audience is using Android smartphones then making it natively using Android Studio with Java and Kotlin makes a whole lot more sense rather than creating it on a Cross Platform framework. &lt;/li&gt;
&lt;/ul&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;em&gt;&lt;strong&gt;Side Note&lt;/strong&gt; - These native frameworks are directly supported by the operating systems teams with the likes of Apple and Google, so they are mostly bug-free and get more functionalities.&lt;/em&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h3&gt;
  
  
  Cons of Native App Development -
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;The biggest con of Native App Development is the cost ( when talking on a bigger business scale ). The cost of creating an App natively once for iOS and once for Android is very high and clearly not a suitable option. &lt;/li&gt;
&lt;li&gt;Moreover the development time also increases when we develop native apps, because there are so many new features and updates to try and include in the app. &lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  👾 Cross Platform :
&lt;/h2&gt;

&lt;blockquote&gt;
&lt;p&gt;As the name suggests cross platform means a framework capable enough to create an app which runs on multiple platforms that could be Android, iOS, Windows etc. The entire codebase of the app remains the same despite the change in the platform. Popular cross platform frameworks include - Flutter, Xamarin, React Native, Ionic etc. &lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--b_Kzv-Zl--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y481eeh1ite2tmg9qowo.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--b_Kzv-Zl--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y481eeh1ite2tmg9qowo.png" alt="cross platform"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Pros of Cross Platform App Development -
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;The biggest con of the Native App Development is the time constraint and the cost of updation, which inversely is the biggest pro of Cross Platform. The cost of updating the app and putting in more features at the same time for multiple platforms is very minimal.&lt;/li&gt;
&lt;li&gt;As there is a single codebase for the entire application therefore the development time of these apps are faster and require only few people to work on it. This advantage makes it more suitable for big companies which are looking to enhance their business quickly across multiple mobile platforms. &lt;/li&gt;
&lt;li&gt;If there is a use case where the app is on a limited budget and the complexity of the app is not very high then Cross Platform is the way to go. &lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Cons of Cross Platform App Development -
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;The biggest con of Cross Platform is the User Experience. Cross Platform tools currently provide a moderate to average user experience because they are only able to replicate some basic functionalities and User Interface of the Native thing. &lt;/li&gt;
&lt;li&gt;Further keeping in mind which functionality or feature runs on which platform and which does not is a tedious task, this leads to harder implementation of functions and sometimes sluggish performances. &lt;/li&gt;
&lt;li&gt;In a use-case scenario where the app is complex and requires various features of the operating system to work then it is often better to use the Native rather than the Cross Platform. &lt;/li&gt;
&lt;/ul&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;em&gt;&lt;strong&gt;Side Note&lt;/strong&gt; - In the current state of affairs the apps made by Cross Platform frameworks have a buggy experience and may have some less features in it, but with increase in technological developments and updation in tools this will be resolved. &lt;br&gt;
Taking Flutter for example which is backed up by Google, it is constantly getting feature updates every month making it a first choice while developing apps.&lt;/em&gt; &lt;/p&gt;
&lt;/blockquote&gt;




&lt;h2&gt;
  
  
  My Verdict - 👇
&lt;/h2&gt;

&lt;p&gt;Personally speaking I would choose &lt;em&gt;Cross Platform!&lt;/em&gt; &lt;/p&gt;

&lt;p&gt;Yes you read it right Cross Platform it is and the reason why I choose Cross Platform over Native is because it provides you with better options and opportunities. Let me explain it to you, we are not living in 2017’s where it was a thing of discussion to choose between Native and Cross Platform. Most of the companies and app developers are going towards Cross Platform because we have got many enhancements in the tech industry and updated cross platform  development tools, which are doing better than some of the native platforms tools. The companies nowadays if not demand but they do expect you to know how to work on Cross Platforms tools and sooner or later they will demand it too. &lt;/p&gt;

&lt;p&gt;In my personal opinion Cross Platform is the next big thing and it will be one the biggest paradigm shifts in the Mobile app development industry.&lt;/p&gt;

&lt;p&gt;Do let me know what you people think by commenting down below and correcting me if I am wrong somewhere. 😇&lt;/p&gt;







&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;NOTE - This article was originally written for the official magazine for &lt;a href="https://gdsc.community.dev/vellore-institute-of-technology-bhopal/"&gt;DSC VIT Bhopal&lt;/a&gt;, &lt;a href="https://drive.google.com/file/d/1quzUADAk-kddMX7gFsAH86iSm-QhT5K4/view"&gt;"DSCZine"&lt;/a&gt;.&lt;/strong&gt;&lt;/p&gt;
&lt;/blockquote&gt;


&lt;div class="ltag__link"&gt;
  &lt;a href="https://medium.com/dsc-vit-bhopal/native-vs-cross-platform-e6253cb8073d" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__pic"&gt;
      &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ZnZz_hVa--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://miro.medium.com/fit/c/96/96/0%2AmvqzillnL6A3Zf6N" alt="DSC Magazine Editor 1"&gt;
    &lt;/div&gt;
  &lt;/a&gt;
  &lt;a href="https://medium.com/dsc-vit-bhopal/native-vs-cross-platform-e6253cb8073d" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__content"&gt;
      &lt;h2&gt;Native vs Cross Platform. By:
Dhruv
Android Team Member | by DSC Magazine Editor 1 | DSCVITBhopal | Medium&lt;/h2&gt;
      &lt;h3&gt;DSC Magazine Editor 1 ・ &lt;time&gt;Jun 6, 2021&lt;/time&gt; ・ 
      &lt;div class="ltag__link__servicename"&gt;
        &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ze5yh_2q--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/medium_icon-90d5232a5da2369849f285fa499c8005e750a788fdbf34f5844d5f2201aae736.svg" alt="Medium Logo"&gt;
        Medium
      &lt;/div&gt;
    &lt;/h3&gt;
&lt;/div&gt;
  &lt;/a&gt;
&lt;/div&gt;


</description>
      <category>android</category>
      <category>mobile</category>
      <category>kotlin</category>
      <category>flutter</category>
    </item>
    <item>
      <title>Host your Unity Games online for free using GitHub </title>
      <dc:creator>Dhruv Mehta</dc:creator>
      <pubDate>Fri, 12 Mar 2021 22:33:06 +0000</pubDate>
      <link>https://dev.to/dhruv194/host-your-unity-games-online-for-free-using-github-3ei8</link>
      <guid>https://dev.to/dhruv194/host-your-unity-games-online-for-free-using-github-3ei8</guid>
      <description>&lt;h3&gt;
  
  
  Did you know that you can actually host your Unity games on GitHub using GitHub Pages ❓ ❓
&lt;/h3&gt;

&lt;blockquote&gt;
&lt;h3&gt;
  
  
  And if you want to know how, then continue reading this article... 👉
&lt;/h3&gt;
&lt;/blockquote&gt;




&lt;h4&gt;
  
  
  But before we get started let me tell you the prerequisites for hosting your games:
&lt;/h4&gt;

&lt;blockquote&gt;
&lt;ol&gt;
&lt;li&gt;Unity WebGL Build &lt;/li&gt;
&lt;li&gt;GitHub account for GitHub Pages (yes we will be hosting the game using GitHub pages)&lt;/li&gt;
&lt;/ol&gt;
&lt;/blockquote&gt;




&lt;h3&gt;
  
  
  So what is WebGL ? 💡
&lt;/h3&gt;

&lt;blockquote&gt;
&lt;p&gt;Unity’s WebGL build allows you to render 2D and 3D graphics in a web browser without the need for additional tools or plug-ins. When you publish a WebGL build, Unity builds a HTML5/Javascript program. &lt;/p&gt;
&lt;/blockquote&gt;




&lt;h2&gt;
  
  
  🎮 Building a Unity game into WebGL form :
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Step 1 -&lt;/strong&gt; In your Unity Game Engine (when you are ready with your game) : &lt;em&gt;Click on File &amp;gt; Build Settings&lt;/em&gt; &lt;br&gt;
&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fraw.githubusercontent.com%2FDhruv-194%2FHostUnityGamesonGithub%2Fmain%2FScreenshot%2520%28109%29_LI.jpg%3Ftoken%3DAOSOBHCV5PDSHTTAVOFX55TAKPN3C" 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%2Fraw.githubusercontent.com%2FDhruv-194%2FHostUnityGamesonGithub%2Fmain%2FScreenshot%2520%28109%29_LI.jpg%3Ftoken%3DAOSOBHCV5PDSHTTAVOFX55TAKPN3C" alt="FiletoBuild"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Step 2-&lt;/strong&gt;  In the Build Settings - &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Add all your game scenes. &lt;/li&gt;
&lt;li&gt;In the platform section: &lt;em&gt;Choose WebGL &amp;gt; Switch Platform&lt;/em&gt;  (this step is necessary when you are using WebGL for the first time) It will take sometime to convert your game's platform.&lt;/li&gt;
&lt;li&gt;After this &lt;em&gt;Click on &amp;gt; Player Settings...&lt;/em&gt; and do the necessary changes for your game like - Product Name, Game's Resolution, adding/removing Splash Screen etc. &lt;/li&gt;
&lt;li&gt;
&lt;em&gt;Click &amp;gt; Build&lt;/em&gt; and you are good to go. It will ask you where to put your game files and create a &lt;em&gt;"WebGL Build folder"&lt;/em&gt; for you. 
&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fraw.githubusercontent.com%2FDhruv-194%2FHostUnityGamesonGithub%2Fmain%2FScreenshot%2520%28110%29_LI.jpg%3Ftoken%3DAOSOBHAMRRDLDOQ7VRJQOP3AKPPCQ" alt="Build Settings"&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Step 3-&lt;/strong&gt; It will create some folders and files in your &lt;em&gt;"WebGL Build folder"&lt;/em&gt; which will have some folders like &lt;em&gt;Build, Template Data and index.html file&lt;/em&gt; (as shown in image below)&lt;br&gt;
&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fraw.githubusercontent.com%2FDhruv-194%2FHostUnityGamesonGithub%2Fmain%2FScreenshot%2520%28112%29.png%3Ftoken%3DAOSOBHAGVZ5B4OMACO3PATTAKPPXQ" 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%2Fraw.githubusercontent.com%2FDhruv-194%2FHostUnityGamesonGithub%2Fmain%2FScreenshot%2520%28112%29.png%3Ftoken%3DAOSOBHAGVZ5B4OMACO3PATTAKPPXQ" alt="WEbGL Build Folder"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h3&gt;
  
  
  What are GitHub Pages? 💡
&lt;/h3&gt;

&lt;blockquote&gt;
&lt;p&gt;GitHub Pages is a static site hosting service that takes HTML, CSS, and JavaScript files straight from a repository on GitHub, optionally runs the files through a build process, and publishes a website. &lt;/p&gt;
&lt;/blockquote&gt;




&lt;h2&gt;
  
  
  💻 Hosting the game using GitHub Pages:
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Step 1 -&lt;/strong&gt; &lt;em&gt;Sign in into your GitHub account &amp;gt; Create a new repository &amp;gt; Add all your files from the "WebGL Build folder" to this repository&lt;/em&gt; (as shown in the image below) &lt;br&gt;
&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fraw.githubusercontent.com%2FDhruv-194%2FHostUnityGamesonGithub%2Fmain%2FScreenshot%2520%28113%29.png%3Ftoken%3DAOSOBHASZEWDTY4EZMCS3R3AKPSAK" 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%2Fraw.githubusercontent.com%2FDhruv-194%2FHostUnityGamesonGithub%2Fmain%2FScreenshot%2520%28113%29.png%3Ftoken%3DAOSOBHASZEWDTY4EZMCS3R3AKPSAK" alt="github repo"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Step 2 -&lt;/strong&gt; Now &lt;em&gt;Click on Settings &amp;gt; Go to the bottom of the page where you can see "GitHub Pages"&lt;/em&gt; &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Step 3 -&lt;/strong&gt; Now you need to provide a source to GitHub for hosting your game as a GitHub Page. To do so, below Source &lt;em&gt;Click on None &amp;gt; Choose "main" branch&lt;/em&gt; (the branch where you have committed your files). &lt;br&gt;
&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fraw.githubusercontent.com%2FDhruv-194%2FHostUnityGamesonGithub%2Fmain%2FScreenshot%2520%28114%29_LI.jpg%3Ftoken%3DAOSOBHHPUABPEPHJIJVH5DDAKPSSG" 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%2Fraw.githubusercontent.com%2FDhruv-194%2FHostUnityGamesonGithub%2Fmain%2FScreenshot%2520%28114%29_LI.jpg%3Ftoken%3DAOSOBHHPUABPEPHJIJVH5DDAKPSSG" alt="githubpages"&gt;&lt;/a&gt; &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Step 4 -&lt;/strong&gt; After this &lt;em&gt;Click &amp;gt; Save&lt;/em&gt; and you are done! You will get a message that your site is published and you will get the URL of it as well (as shown in the below image). &lt;br&gt;
&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fraw.githubusercontent.com%2FDhruv-194%2FHostUnityGamesonGithub%2Fmain%2FScreenshot%2520%28115%29.png%3Ftoken%3DAOSOBHGHAJSMZBTT3XGP5EDAKPS4I" 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%2Fraw.githubusercontent.com%2FDhruv-194%2FHostUnityGamesonGithub%2Fmain%2FScreenshot%2520%28115%29.png%3Ftoken%3DAOSOBHGHAJSMZBTT3XGP5EDAKPS4I" alt="published"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;blockquote&gt;
&lt;p&gt;So there you have it !! An easy way to host your Unity based games on the web for free, for you and your friends to play. This option opens to many possibilities which you can try like - making your games more accessible, testing your games before the final release, adding them to your online portfolio etc. &lt;/p&gt;
&lt;/blockquote&gt;




&lt;h3&gt;
  
  
  Lastly if you guys liked my article then do react to it. And in the discussions down below do add the URLs of your hosted games.
&lt;/h3&gt;

&lt;h3&gt;
  
  
  Thank You for reading! 😄
&lt;/h3&gt;




&lt;blockquote&gt;
&lt;h3&gt;
  
  
  Some important links :
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://learn.unity.com/tutorial/how-to-publish-for-webgl#:~:text=0-,Unity%27s%20WebGL%20build%20allows%20you%20to%20render%202D%20and%203D,access%20in%20a%20web%20browser." rel="noopener noreferrer"&gt;Learn more about Unity WebGL&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://docs.github.com/en/github/working-with-github-pages/creating-a-github-pages-site" rel="noopener noreferrer"&gt;Learn more about GitHub Pages&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/Dhruv-194/BoxShooterGame" rel="noopener noreferrer"&gt;My GitHub repository which I used in this article&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://dhruv-194.github.io/BoxShooterGame/" rel="noopener noreferrer"&gt;My hosted game for your reference&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/blockquote&gt;

</description>
      <category>unity3d</category>
      <category>gamedev</category>
      <category>github</category>
      <category>html</category>
    </item>
    <item>
      <title>How to update your forked repository on GitHub? </title>
      <dc:creator>Dhruv Mehta</dc:creator>
      <pubDate>Tue, 06 Oct 2020 22:37:11 +0000</pubDate>
      <link>https://dev.to/dhruv194/how-to-update-your-forked-repository-on-github-2m7f</link>
      <guid>https://dev.to/dhruv194/how-to-update-your-forked-repository-on-github-2m7f</guid>
      <description>&lt;h3&gt;
  
  
  At times there is a need to update your forked repository with the recent commits which happened on the main repository, and to update it we generally use &lt;strong&gt;git bash &amp;amp; console&lt;/strong&gt; but what if I tell you that there is a very &lt;strong&gt;simple way of doing this?&lt;/strong&gt;
&lt;/h3&gt;

&lt;blockquote&gt;
&lt;h2&gt;
  
  
  &lt;em&gt;And the way is to directly update your fork on &lt;strong&gt;Github's website&lt;/strong&gt; on the forked repository page.&lt;/em&gt;
&lt;/h2&gt;
&lt;/blockquote&gt;

&lt;p&gt;Most of you who are an avid git and github user might already know about this small trick but those who don't know about this or want to learn about it do give it a read 👉&lt;/p&gt;




&lt;h1&gt;
  
  
  Steps to Update a Fork in Github :
&lt;/h1&gt;

&lt;p&gt;&lt;strong&gt;Step-1 :&lt;/strong&gt; Go to your &lt;strong&gt;forked repository&lt;/strong&gt; on GitHub. &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Step-2 :&lt;/strong&gt; Now you must be seeing a white label like this saying - 'this branch is behind commits' with a 'pull requests' button. Click on that &lt;strong&gt;"Pull request"&lt;/strong&gt; button on the right. &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%2Fraw.githubusercontent.com%2FDhruv-194%2FUpdate-github-fork%2Fmain%2FScreenshot%2520%28236%29.png%3Ftoken%3DAOSOBHHBT6GEXXTXIITDTDK7PTWQU" 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%2Fraw.githubusercontent.com%2FDhruv-194%2FUpdate-github-fork%2Fmain%2FScreenshot%2520%28236%29.png%3Ftoken%3DAOSOBHHBT6GEXXTXIITDTDK7PTWQU" title="click on pull request" alt="click on pull request"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Step-3 :&lt;/strong&gt; Now you must be seeing a page saying 'There isn't anything to compare' this happens because what GitHub does is, &lt;em&gt;it compares your repository (head fork) with the main repository (base fork) and as you have not made any commits or changes therefore it shows nothing.&lt;/em&gt; &lt;br&gt;
But now you can also see 'switching the base' link. So &lt;strong&gt;click on  “switching the base” link&lt;/strong&gt;.&lt;br&gt;
&lt;em&gt;Now what it will do is, it will switch both the things that are, change your fork to the base, and the original to the head fork.&lt;/em&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%2Fraw.githubusercontent.com%2FDhruv-194%2FUpdate-github-fork%2Fmain%2FScreenshot%2520%28277%29.png%3Ftoken%3DAOSOBHCPJKPYZY4CZLFEOQS7PTXEU" 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%2Fraw.githubusercontent.com%2FDhruv-194%2FUpdate-github-fork%2Fmain%2FScreenshot%2520%28277%29.png%3Ftoken%3DAOSOBHCPJKPYZY4CZLFEOQS7PTXEU" title="switching the base" alt="switching the base"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Step-4 :&lt;/strong&gt; After applying the above steps now you will observe that there are a lot of commits and changes. You can also see that the "Create Pull request" button is active . &lt;strong&gt;Click on “Create Pull Request” button&lt;/strong&gt;, give your pull request a name, &lt;strong&gt;Click “Send Pull Request”&lt;/strong&gt;. You have successfully sent a PR to your own forked 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%2Fraw.githubusercontent.com%2FDhruv-194%2FUpdate-github-fork%2Fmain%2FScreenshot%2520%28282%29.png%3Ftoken%3DAOSOBHGYW3GVWAMJHXT6DRS7PTW7M" 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%2Fraw.githubusercontent.com%2FDhruv-194%2FUpdate-github-fork%2Fmain%2FScreenshot%2520%28282%29.png%3Ftoken%3DAOSOBHGYW3GVWAMJHXT6DRS7PTW7M" title="Create Pull Request" alt="Create Pull Request"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Step-5 :&lt;/strong&gt; Now in your forked repository you will spot a pull request. &lt;strong&gt;Click “Merge Pull Request”&lt;/strong&gt; and &lt;strong&gt;Click “Confirm Merge”&lt;/strong&gt;.&lt;/p&gt;




&lt;blockquote&gt;
&lt;p&gt;So there you have it the easiest way to update/sync your forked repository directly on GitHub by just sending a pull request. I hope you learnt something from this today. &lt;/p&gt;
&lt;/blockquote&gt;

</description>
      <category>github</category>
      <category>codenewbie</category>
      <category>tutorial</category>
      <category>hacktoberfest</category>
    </item>
    <item>
      <title>Google Profile Card : Add me to Search</title>
      <dc:creator>Dhruv Mehta</dc:creator>
      <pubDate>Wed, 12 Aug 2020 16:08:12 +0000</pubDate>
      <link>https://dev.to/dhruv194/google-profile-card-add-me-to-search-2j2c</link>
      <guid>https://dev.to/dhruv194/google-profile-card-add-me-to-search-2j2c</guid>
      <description>&lt;h1&gt;
  
  
  Google Profile Cards ⭐ :
&lt;/h1&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;em&gt;"A new way to showcase yourself in the online world by a normal Google Search."&lt;/em&gt; &lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Recently google lanuched its new feature of &lt;strong&gt;"peoples card"&lt;/strong&gt; which let users like us to create a virtual profile card where users can highlight their existing websites or social media profiles to public their identity on the web. &lt;/p&gt;

&lt;p&gt;This will pop-up as a search result when you will do a normal Google Mobile Search of your name. &lt;/p&gt;




&lt;h2&gt;
  
  
  Important Things 💡 :
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;This is only a &lt;strong&gt;testing feature&lt;/strong&gt; for now which is currently only available in &lt;strong&gt;India&lt;/strong&gt;. &lt;/li&gt;
&lt;li&gt;The new people cards feature is only for &lt;strong&gt;mobile users&lt;/strong&gt;. This means that you need to log in to your Google Account on your mobile device to create your public profile. &lt;/li&gt;
&lt;li&gt;Each individual with a specific Google account can only create a &lt;strong&gt;single people's card&lt;/strong&gt; and has to have &lt;strong&gt;authenticated&lt;/strong&gt; their account with a phone number before they can create the card.&lt;/li&gt;
&lt;/ul&gt;

&lt;h1&gt;
  
  
  Make your own People's-Card 👐 :
&lt;/h1&gt;

&lt;p&gt;Its very simple to set up your own profile card. Just follow the below 4 steps to get started - &lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;On your mobile device sign into your Google Account and search for &lt;strong&gt;“add me to search”&lt;/strong&gt; on your Google App. 
&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--L-Q2Gf1i--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://lh5.googleusercontent.com/ThPnIawBVMRfS_Z9HzmRlgAkBgLkG7VYZrG_FyV7W9tRhX9BldUOL1mQAvMLgxMw2aoaNB_ZwL-TAA%3Dw1366-h657-rw" alt="add me to search" title="add me to search"&gt;
&lt;/li&gt;
&lt;li&gt;You will see something like above ☝️
Then click on the &lt;strong&gt;"Get Started"&lt;/strong&gt;. &lt;/li&gt;
&lt;li&gt;After this Google will offer you a form to fill your details. The only mandatory fields for now are name, occupation, location, and an &lt;em&gt;&lt;strong&gt;“about”&lt;/strong&gt;&lt;/em&gt; bio. Apart from this you can also add your education, work, other social media handles and even your email and phone number.
&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--51kI0b32--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://lh5.googleusercontent.com/2cgqp5qxiK6PxUFaX-et7s0GaMOgGwdUPuyPHgaNvEyXvUo8vZRLNMcCzxSs_vpRd83L8cV0gBSsLQ%3Dw1366-h657-rw" alt="Enter details" title="Enter details"&gt;
&lt;/li&gt;
&lt;li&gt;Lastly just click on &lt;strong&gt;preview&lt;/strong&gt; and then &lt;strong&gt;save&lt;/strong&gt;.
So there you go - your very own Goole Profile Card is ready. 
&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--nPZUhd-I--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/zmhvrc82c7pjicf5wgxd.png" alt="My card"&gt;
&lt;/li&gt;
&lt;/ol&gt;




&lt;h2&gt;
  
  
  Things to remember ❗ :
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;This is a testing feature so the system isn't very efficient but still works right now. You might not be able to see your card instantly appear on search results but it will come eventually. &lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Further there is also a &lt;em&gt;&lt;strong&gt;big&lt;/strong&gt;&lt;/em&gt; potential of online abuse and spam here because you are giving your personal details to appear on a search result. So beware of what information you are filling in the details form.  &lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>newfeature</category>
      <category>google</category>
      <category>googleprofilecard</category>
      <category>india</category>
    </item>
  </channel>
</rss>
