<?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: Vivek Thakur</title>
    <description>The latest articles on DEV Community by Vivek Thakur (@vivek09thakur).</description>
    <link>https://dev.to/vivek09thakur</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.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1199167%2F299513f4-12e0-4f04-a9f1-affb93071433.png</url>
      <title>DEV Community: Vivek Thakur</title>
      <link>https://dev.to/vivek09thakur</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/vivek09thakur"/>
    <language>en</language>
    <item>
      <title>I built a local AI assistant fine-tuned on my own conversations</title>
      <dc:creator>Vivek Thakur</dc:creator>
      <pubDate>Sat, 24 Oct 2026 07:26:55 +0000</pubDate>
      <link>https://dev.to/vivek09thakur/i-built-a-local-ai-assistant-fine-tuned-on-my-own-conversations-4483</link>
      <guid>https://dev.to/vivek09thakur/i-built-a-local-ai-assistant-fine-tuned-on-my-own-conversations-4483</guid>
      <description>&lt;p&gt;I wanted an AI assistant that is actually mine: it runs on my machine, knows how I talk, and can use my files and shell. So I built JERN, a small open-source assistant around a fine-tuned 1.5B model, and this is how it works and what broke.&lt;/p&gt;

&lt;h2&gt;
  
  
  Why I built it
&lt;/h2&gt;

&lt;p&gt;Most assistants are someone else's product: they run on someone else's servers, know nothing about my files, and sound the same for everyone. I wanted one that is mine. It should answer in a voice I chose, be able to look at my own folders and run commands on my own machine, and be small enough to understand end to end.&lt;/p&gt;

&lt;p&gt;That meant building it myself, with a small open model I could fine-tune on a single GPU.&lt;/p&gt;

&lt;h2&gt;
  
  
  What JERN is
&lt;/h2&gt;

&lt;p&gt;JERN stands for Just An Experimental Response Network. It has two models and one app:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Chat model:&lt;/strong&gt; &lt;code&gt;Qwen/Qwen2.5-1.5B-Instruct&lt;/code&gt;, fine-tuned on a text file of my own conversations so it answers as JERN and knows how to call tools.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Char model:&lt;/strong&gt; a GPT-style transformer I wrote from scratch and trained character by character on the same file. It is a learning experiment, not the assistant.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;App:&lt;/strong&gt; a FastAPI server, a single-file web UI with no build step, and one-file-per-tool plugins for files, shell, web search, downloads and system info. Any MCP servers you configure plug in as well.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Everything runs on my machine with one command: &lt;code&gt;python main.py&lt;/code&gt; opens the web UI at &lt;code&gt;http://127.0.0.1:8000&lt;/code&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  Fine-tuning on my own conversations
&lt;/h2&gt;

&lt;p&gt;The training data is one text file, &lt;code&gt;data/chat/conversations.txt&lt;/code&gt;, with conversations I wrote: how JERN introduces itself, how it should talk, and examples of when to call a tool. The parser in &lt;code&gt;model/jern/data.py&lt;/code&gt; turns that file into a dataset.&lt;/p&gt;

&lt;p&gt;On first run the app downloads the base model and fine-tunes it, which takes 5 - 10 minutes on a GPU and an hour or more on a CPU. The result is saved to &lt;code&gt;out-jern/&lt;/code&gt; and reused on later runs.&lt;/p&gt;

&lt;p&gt;Why a 1.5B model? It fits a modest GPU, fine-tunes quickly, and is small enough to read and change the whole pipeline. The trade-off is quality, which I come back to below.&lt;/p&gt;

&lt;h2&gt;
  
  
  Tools that run on my machine
&lt;/h2&gt;

&lt;p&gt;The part that makes JERN feel like an assistant rather than a chatbot is the tool loop. The model can emit a tool call, the server runs it, and the result goes back to the model for the next step. Each tool is one file under &lt;code&gt;app/tools/&lt;/code&gt;, registered in a &lt;code&gt;ToolRegistry&lt;/code&gt;, so writing a new one is a small job.&lt;/p&gt;

&lt;p&gt;Built-in tools cover files, shell, web search, downloads and system info. On top of that, JERN can talk to MCP servers configured in &lt;code&gt;mcp.json&lt;/code&gt;, such as GitHub. The web UI shows a timeline of each tool call (for example, listing a folder) before the final answer appears.&lt;/p&gt;

&lt;p&gt;Because the tools are local, JERN can read my real files and run real commands. That is useful and also a risk, so review what it wants to run before you approve it. &lt;/p&gt;

&lt;h2&gt;
  
  
  The optional Colab mode, and what leaves your machine
&lt;/h2&gt;

&lt;p&gt;My laptop has no GPU, so I added a way to borrow one. The command &lt;code&gt;python main.py colab --gpu=T4 -- serve&lt;/code&gt; runs the model on a free Google Colab T4 and connects it to the same local web UI through an SSH tunnel. The tools still run on my machine.&lt;/p&gt;

&lt;p&gt;This is not the same as fully local, and it is worth being exact about why. When the model is on Colab, it receives your messages and whatever the tools return: file listings, file contents, command output. Only the execution stays local. If privacy is the point, run the model on your own hardware and skip Colab.&lt;/p&gt;

&lt;p&gt;The setup and the tunnel are covered in &lt;code&gt;docs/colab.md&lt;/code&gt; in the repo.&lt;/p&gt;

&lt;h2&gt;
  
  
  Limitations, what's next, and how to try it
&lt;/h2&gt;

&lt;p&gt;JERN is an experiment. A 1.5B model sometimes picks the wrong tool, repeats itself or gets facts wrong, and shell access on a real machine deserves care. I would rather say so than oversell it.&lt;/p&gt;

&lt;p&gt;To try it:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;git clone https://github.com/IshvaraX/JERN
&lt;span class="nb"&gt;cd &lt;/span&gt;JERN
python &lt;span class="nt"&gt;-m&lt;/span&gt; venv venv
pip &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-r&lt;/span&gt; requirements.txt
python main.py
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;The repo is MIT licensed and the docs cover every command, the data format and how to write a tool plugin. Issues and pull requests are welcome, and I would especially like to hear how you handle approving commands that a model wants to run.&lt;/p&gt;

&lt;p&gt;Repo: &lt;a href="https://github.com/IshvaraX/JERN" rel="noopener noreferrer"&gt;github.com/IshvaraX/JERN&lt;/a&gt;&lt;/p&gt;

</description>
      <category>ai</category>
      <category>webdev</category>
      <category>programming</category>
      <category>productivity</category>
    </item>
    <item>
      <title>Announcing IshvaraX — A Deep-Tech Startup at the Intersection of Neuroscience and AI</title>
      <dc:creator>Vivek Thakur</dc:creator>
      <pubDate>Fri, 02 Jan 2026 15:29:02 +0000</pubDate>
      <link>https://dev.to/vivek09thakur/announcing-ishvarax-a-deep-tech-startup-at-the-intersection-of-neuroscience-and-ai-1i02</link>
      <guid>https://dev.to/vivek09thakur/announcing-ishvarax-a-deep-tech-startup-at-the-intersection-of-neuroscience-and-ai-1i02</guid>
      <description>&lt;h2&gt;
  
  
  🚀 Announcing &lt;strong&gt;IshvaraX&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;We’re announcing the launch of &lt;strong&gt;IshvaraX&lt;/strong&gt;, a deep-tech startup operating at the intersection of &lt;strong&gt;neuroscience, brain-computer interfaces, and predictive artificial intelligence&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;IshvaraX is founded on a long-term vision:&lt;br&gt;
&lt;strong&gt;decoding human consciousness from neural signals while ensuring advanced AI delivers real public value.&lt;/strong&gt;&lt;/p&gt;




&lt;h3&gt;
  
  
  Our Mission
&lt;/h3&gt;

&lt;p&gt;IshvaraX works to reconstruct aspects of human intelligence from brain activity and apply predictive AI to societal-scale challenges.&lt;/p&gt;

&lt;p&gt;Our mission spans two aligned fronts:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Advancing neural intelligence through AI trained on EEG and cognitive signals&lt;/li&gt;
&lt;li&gt;Deploying AI systems that support essential public services for India&lt;/li&gt;
&lt;/ul&gt;




&lt;h3&gt;
  
  
  Core Technology
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;Neural Synthesis AI&lt;/strong&gt;&lt;br&gt;
AI systems trained on EEG data to map brainwave patterns to intent and action.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Colony Pattern Analytics&lt;/strong&gt;&lt;br&gt;
Predictive modeling of collective human behavior to anticipate movement, resource demand, and societal trends.&lt;/p&gt;

&lt;p&gt;These technologies allow us to reason across both &lt;strong&gt;individual cognition&lt;/strong&gt; and &lt;strong&gt;population-level dynamics&lt;/strong&gt;.&lt;/p&gt;




&lt;h3&gt;
  
  
  Jan-Seva: AI for Public Utility
&lt;/h3&gt;

&lt;p&gt;Through &lt;strong&gt;Jan-Seva&lt;/strong&gt;, IshvaraX provides &lt;strong&gt;free AI-enabled tools&lt;/strong&gt; to help Indian citizens navigate:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Administrative processes&lt;/li&gt;
&lt;li&gt;Legal and regulatory systems&lt;/li&gt;
&lt;li&gt;Logistical and informational challenges&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;This initiative reflects our belief that frontier AI must deliver measurable public benefit.&lt;/p&gt;




&lt;h3&gt;
  
  
  Neural Ethics &amp;amp; Data Sovereignty
&lt;/h3&gt;

&lt;p&gt;Neural data requires the highest level of responsibility.&lt;/p&gt;

&lt;p&gt;At IshvaraX:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;All neural data is anonymized and protected&lt;/li&gt;
&lt;li&gt;Data governance follows strict sovereignty principles&lt;/li&gt;
&lt;li&gt;Core models and datasets remain proprietary and closed-source&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Ethics and security are foundational, not optional.&lt;/p&gt;




&lt;h3&gt;
  
  
  &lt;a href="https://ishvarax.github.io/IshvaraX/" rel="noopener noreferrer"&gt;The Website Is Live&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;Our website is now live and serves as the first public window into IshvaraX—our vision, technologies, and principles.&lt;/p&gt;

&lt;p&gt;More technical disclosures and research updates will be shared progressively.&lt;/p&gt;




&lt;p&gt;&lt;strong&gt;© 2026 IshvaraX · Proprietary Technology&lt;/strong&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>programming</category>
      <category>ai</category>
      <category>javascript</category>
    </item>
    <item>
      <title>Test post</title>
      <dc:creator>Vivek Thakur</dc:creator>
      <pubDate>Sat, 07 Jun 2025 17:08:56 +0000</pubDate>
      <link>https://dev.to/vivek09thakur/test-post-1loc</link>
      <guid>https://dev.to/vivek09thakur/test-post-1loc</guid>
      <description>&lt;p&gt;Test post&lt;/p&gt;

</description>
      <category>discuss</category>
    </item>
    <item>
      <title>🎓 Boost Your Skills with FREE Courses! 🎓</title>
      <dc:creator>Vivek Thakur</dc:creator>
      <pubDate>Fri, 20 Sep 2024 08:57:56 +0000</pubDate>
      <link>https://dev.to/vivek09thakur/boost-your-skills-with-free-courses-5031</link>
      <guid>https://dev.to/vivek09thakur/boost-your-skills-with-free-courses-5031</guid>
      <description>&lt;p&gt;Looking to upskill or dive into new technologies? Check out these &lt;strong&gt;FREE&lt;/strong&gt; courses designed to equip you with essential skills for the future. Whether you’re just starting or looking to add more to your skillset, there’s something for everyone!&lt;/p&gt;

&lt;p&gt;💡 &lt;strong&gt;Course List:&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;1️⃣ &lt;a href="https://letsupgrade.in/programs/postman-student-expert-certification?invite=20509.vivek874" rel="noopener noreferrer"&gt;Postman Student Expert Certification&lt;/a&gt;&lt;br&gt;&lt;br&gt;
Master API testing and Postman fundamentals.&lt;/p&gt;

&lt;p&gt;2️⃣ &lt;a href="https://letsupgrade.in/programs/html-css-essentials?invite=20509.vivek874" rel="noopener noreferrer"&gt;HTML &amp;amp; CSS Essentials&lt;/a&gt;&lt;br&gt;&lt;br&gt;
Learn to build and style web pages from scratch.&lt;/p&gt;

&lt;p&gt;3️⃣ &lt;a href="https://letsupgrade.in/programs/essentials-javascript?invite=20509.vivek874" rel="noopener noreferrer"&gt;Essentials of JavaScript&lt;/a&gt;&lt;br&gt;&lt;br&gt;
Master the fundamentals of the web's most powerful scripting language.&lt;/p&gt;

&lt;p&gt;4️⃣ &lt;a href="https://letsupgrade.in/programs/python-essentials?invite=20509.vivek874" rel="noopener noreferrer"&gt;Python Essentials&lt;/a&gt;&lt;br&gt;&lt;br&gt;
Kickstart your journey in one of the most popular programming languages.&lt;/p&gt;

&lt;p&gt;5️⃣ &lt;a href="https://letsupgrade.in/programs/bootstrap-css-essential?invite=20509.vivek874" rel="noopener noreferrer"&gt;Bootstrap CSS Essentials&lt;/a&gt;&lt;br&gt;&lt;br&gt;
Design responsive websites with ease.&lt;/p&gt;

&lt;p&gt;6️⃣ &lt;a href="https://letsupgrade.in/programs/mongodb-essentials?invite=20509.vivek874" rel="noopener noreferrer"&gt;MongoDB Essentials&lt;/a&gt;&lt;br&gt;&lt;br&gt;
Learn to work with NoSQL databases.&lt;/p&gt;

&lt;p&gt;7️⃣ &lt;a href="https://letsupgrade.in/programs/figma-essential?invite=20509.vivek874" rel="noopener noreferrer"&gt;Figma Essential&lt;/a&gt;&lt;br&gt;&lt;br&gt;
Explore the world of UI/UX design with Figma.&lt;/p&gt;

&lt;p&gt;8️⃣ &lt;a href="https://letsupgrade.in/programs/java-essentials?invite=20509.vivek874" rel="noopener noreferrer"&gt;Java Essentials&lt;/a&gt;&lt;br&gt;&lt;br&gt;
Get up to speed with the core concepts of Java programming.&lt;/p&gt;

&lt;p&gt;9️⃣ &lt;a href="https://letsupgrade.in/programs/essentials-prompt-engineering?invite=20509.vivek874" rel="noopener noreferrer"&gt;Essentials of Prompt Engineering&lt;/a&gt;&lt;br&gt;&lt;br&gt;
Harness the power of AI with prompt engineering.&lt;/p&gt;

&lt;p&gt;🔟 &lt;a href="https://letsupgrade.in/programs/blockchain-essentials?invite=20509.vivek874" rel="noopener noreferrer"&gt;Blockchain Essentials&lt;/a&gt;&lt;br&gt;&lt;br&gt;
Get started with blockchain technology and decentralized systems.&lt;/p&gt;

&lt;p&gt;1️⃣1️⃣ &lt;a href="https://letsupgrade.in/programs/cyber-security-essentials?invite=20509.vivek874" rel="noopener noreferrer"&gt;Cyber Security Essentials&lt;/a&gt;&lt;br&gt;&lt;br&gt;
Protect yourself and your systems with foundational cybersecurity knowledge.&lt;/p&gt;

&lt;p&gt;1️⃣2️⃣ &lt;a href="https://letsupgrade.in/programs/sql-essential?invite=20509.vivek874" rel="noopener noreferrer"&gt;SQL Essentials&lt;/a&gt;&lt;br&gt;&lt;br&gt;
Master database management with SQL.&lt;/p&gt;

&lt;p&gt;💥 &lt;strong&gt;Why Enroll?&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Completely FREE with certification&lt;/li&gt;
&lt;li&gt;Flexible learning at your pace&lt;/li&gt;
&lt;li&gt;Learn from experts and join a growing community&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;🔗 &lt;strong&gt;Enroll Now:&lt;/strong&gt;&lt;br&gt;&lt;br&gt;
Don’t miss out! Join today and start your learning journey for FREE!&lt;/p&gt;

&lt;h1&gt;
  
  
  FreeCourses #Upskill #Learning #CareerGrowth #TechSkills #OnlineCourses
&lt;/h1&gt;

</description>
      <category>webdev</category>
      <category>beginners</category>
      <category>freelance</category>
      <category>programming</category>
    </item>
    <item>
      <title>Free UI/UX Development Courses with Certification – Boost Your Skills Today!</title>
      <dc:creator>Vivek Thakur</dc:creator>
      <pubDate>Thu, 05 Sep 2024 18:19:02 +0000</pubDate>
      <link>https://dev.to/vivek09thakur/free-uiux-development-courses-with-certification-boost-your-skills-today-1ch2</link>
      <guid>https://dev.to/vivek09thakur/free-uiux-development-courses-with-certification-boost-your-skills-today-1ch2</guid>
      <description>&lt;p&gt;Hey everyone!&lt;/p&gt;

&lt;p&gt;While browsing the web, I came across some fantastic free courses with certifications that can help you build valuable skills and enhance your portfolio. I'm sharing the links below, and I highly recommend enrolling to take advantage of these opportunities!&lt;/p&gt;

&lt;p&gt;Course List [Focused on UI/UX Development]:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Figma 5-Day Bootcamp&lt;/strong&gt;: &lt;a href="https://letsupgrade.in/programs/figma-essential?invite=20509.vivek874" rel="noopener noreferrer"&gt;Enroll here&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;HTML &amp;amp; CSS (Beginner-Friendly)&lt;/strong&gt;: &lt;a href="https://letsupgrade.in/programs/html-css-essentials?invite=20509.vivek874" rel="noopener noreferrer"&gt;Enroll here&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Bootstrap&lt;/strong&gt;: &lt;a href="https://letsupgrade.in/programs/bootstrap-css-essential?invite=20509.vivek874" rel="noopener noreferrer"&gt;Enroll here&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;JavaScript (Beginner to Intermediate)&lt;/strong&gt;: &lt;a href="https://letsupgrade.in/programs/essentials-javascript?invite=20509.vivek874" rel="noopener noreferrer"&gt;Enroll here&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Getting Started with Node.js&lt;/strong&gt;: &lt;a href="https://letsupgrade.in/programs/nodejs-essentials?invite=20509.vivek874" rel="noopener noreferrer"&gt;Enroll here&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

</description>
      <category>webdev</category>
      <category>javascript</category>
      <category>beginners</category>
      <category>programming</category>
    </item>
    <item>
      <title>Do anyone wants to contribute?</title>
      <dc:creator>Vivek Thakur</dc:creator>
      <pubDate>Fri, 15 Mar 2024 17:35:16 +0000</pubDate>
      <link>https://dev.to/vivek09thakur/do-anyone-wants-to-contribute-4n1g</link>
      <guid>https://dev.to/vivek09thakur/do-anyone-wants-to-contribute-4n1g</guid>
      <description>&lt;h2&gt;
  
  
  Hey guys,
&lt;/h2&gt;

&lt;p&gt;Actually few weeks ago I built my portfolio but the thing is I want to display all my featured post. So Now, I decided to make an API of my own that uses bs4 to scrape my featured post from my profile. Do anyone wants to help?&lt;/p&gt;

&lt;h3&gt;
  
  
  Link To Github Repo : &lt;a href="https://github.com/vivek09thakur/LinkedIn-Scraper-API" rel="noopener noreferrer"&gt;https://github.com/vivek09thakur/LinkedIn-Scraper-API&lt;/a&gt;
&lt;/h3&gt;

</description>
      <category>vercel</category>
      <category>python</category>
      <category>beginners</category>
      <category>webscraping</category>
    </item>
    <item>
      <title>Is it just my luck or does the Wi-Fi always drop at the most crucial moments?</title>
      <dc:creator>Vivek Thakur</dc:creator>
      <pubDate>Mon, 04 Mar 2024 21:04:04 +0000</pubDate>
      <link>https://dev.to/vivek09thakur/is-it-just-my-luck-or-does-the-wi-fi-always-drop-at-the-most-crucial-moments-22h0</link>
      <guid>https://dev.to/vivek09thakur/is-it-just-my-luck-or-does-the-wi-fi-always-drop-at-the-most-crucial-moments-22h0</guid>
      <description>&lt;p&gt;Almost every time when I need to Wi-Fi be fast, don't know why it just dropped as hell and I became doomed 😑&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>javascript</category>
      <category>beginners</category>
      <category>programming</category>
    </item>
    <item>
      <title>Am I the only one who thinks Google Keep should be available for desktops/laptops to??</title>
      <dc:creator>Vivek Thakur</dc:creator>
      <pubDate>Sat, 27 Jan 2024 22:51:06 +0000</pubDate>
      <link>https://dev.to/vivek09thakur/am-i-the-only-one-who-thinks-google-keep-should-be-available-for-desktopslaptops-to-3dk4</link>
      <guid>https://dev.to/vivek09thakur/am-i-the-only-one-who-thinks-google-keep-should-be-available-for-desktopslaptops-to-3dk4</guid>
      <description>&lt;p&gt;Hey amazing mens and beautiful ladies,&lt;/p&gt;

&lt;p&gt;Your fellow got a problem 😑&lt;/p&gt;

&lt;p&gt;As I am used to google keep and I keep using it from 2 years because its easy to use user interface and simple design I am addicted to it also I have many important notes in it but when it comes to windows it sucks there is no version of google keep for desktop!!!!!!!!!!&lt;/p&gt;

&lt;p&gt;And now I am stuck, I tried to use Microsoft OneNote and Todo-List but I don't like them.&lt;/p&gt;

&lt;p&gt;If somebody knows a solution then comment it down.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>beginners</category>
      <category>google</category>
      <category>programming</category>
    </item>
    <item>
      <title>View your local React App on your phone.</title>
      <dc:creator>Vivek Thakur</dc:creator>
      <pubDate>Mon, 18 Dec 2023 20:15:00 +0000</pubDate>
      <link>https://dev.to/vivek09thakur/view-your-local-react-app-on-your-phone-4c2i</link>
      <guid>https://dev.to/vivek09thakur/view-your-local-react-app-on-your-phone-4c2i</guid>
      <description>&lt;p&gt;Have you ever faced a problem while making your site responsive for small mobile device? Yeah chrome web tools were great but sometimes they are not enough. Sometimes we want how it actually looks like on my device.&lt;/p&gt;

&lt;p&gt;So here is you do it!&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 1 :
&lt;/h3&gt;

&lt;p&gt;Make sure your laptop/PC and phone connected to a same network. If you are using your phone's hotspot then it gonna work fine.&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 2 :
&lt;/h3&gt;

&lt;p&gt;In your terminal run your development server with some aditional arguements.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;npm run dev &lt;span class="nt"&gt;--&lt;/span&gt;  &lt;span class="nt"&gt;--host&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Feyd1ac1i8cy2uphvo7gs.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Feyd1ac1i8cy2uphvo7gs.png" alt="img1" width="757" height="153"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 3:
&lt;/h3&gt;

&lt;p&gt;Then you should got something like this in your terminal :&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fv7v5rxahgnlwm7yydfjm.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fv7v5rxahgnlwm7yydfjm.png" alt="img2" width="795" height="246"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Copy the 2nd Network of the terminal and paste it in your phone's browser.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;And done! Enjoy the show!!!!!!!!&lt;/strong&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;If the 2nd address doesn't workout try with 1st one.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;strong&gt;Thanks for reading&lt;/strong&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  &lt;a href="https://github.com/vivek09thakur" rel="noopener noreferrer"&gt;My Github&lt;/a&gt;
&lt;/h3&gt;

</description>
      <category>webdev</category>
      <category>javascript</category>
      <category>programming</category>
      <category>tutorial</category>
    </item>
    <item>
      <title>IMPORTANCE OF GITHUB PROFILE README</title>
      <dc:creator>Vivek Thakur</dc:creator>
      <pubDate>Fri, 10 Nov 2023 06:46:15 +0000</pubDate>
      <link>https://dev.to/vivek09thakur/importance-of-github-profile-readme-8dp</link>
      <guid>https://dev.to/vivek09thakur/importance-of-github-profile-readme-8dp</guid>
      <description>&lt;h2&gt;
  
  
  &lt;strong&gt;Crafting an Impressive GitHub Profile README&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;In this article, we'll explore how to create an impressive GitHub Profile README to stand out in the developer community.&lt;/p&gt;

&lt;h2&gt;
  
  
  Getting Started
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;Creating a New Repository for Your Profile README&lt;/strong&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fic7x5rm9coaok3sc01oj.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fic7x5rm9coaok3sc01oj.png" alt="IMG 1" width="800" height="362"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Start by creating a new repository with the same name as your GitHub username. This repository will be your profile README repository. For example, if my GitHub username is "vivek09thakur" then the repository should be named "vivek09thakur/vivek09thakur"&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;Add a README file&lt;/strong&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;While creating this repo you must check "Initialize this repository with: README box"&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fb99ivrv2igoo4kx6r5ja.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fb99ivrv2igoo4kx6r5ja.png" alt="IMG 2" width="800" height="382"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;And make sure that the repo is public&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fplev0vgc2gq30mu21mt1.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fplev0vgc2gq30mu21mt1.png" alt="IMG 3" width="800" height="252"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;And now you are all set just go to that repo and start editing README.md file of the repo and after you edited and wrote everything about you , just save and commit changes and done. &lt;/p&gt;

&lt;p&gt;This will show as a cover page of your github profile.&lt;/p&gt;

&lt;h2&gt;
  
  
  Just Like this
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F27n0wreil74akt7dojh5.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F27n0wreil74akt7dojh5.png" alt="My github" width="800" height="490"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Some tips from me :D
&lt;/h2&gt;

&lt;p&gt;There are few things which you can do to make your profile readme looks awesome.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;Expressing yourself, your passion, your hobbies, things you like, what are you learning and how peoples can reach to you&lt;/strong&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4oh1v8skkk5sekqq15hc.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4oh1v8skkk5sekqq15hc.png" alt="IMG 4" width="800" height="239"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;Describing your languages and tools&lt;/strong&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fsih59ot1jl0v64tjvonp.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fsih59ot1jl0v64tjvonp.png" alt="IMG 5" width="506" height="276"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;For this I just did this in my README file :&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight html"&gt;&lt;code&gt;
**Languages and Tools**

&lt;span class="nt"&gt;&amp;lt;p&lt;/span&gt; &lt;span class="na"&gt;align=&lt;/span&gt;&lt;span class="s"&gt;"left"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
    &lt;span class="nt"&gt;&amp;lt;p&lt;/span&gt; &lt;span class="na"&gt;align=&lt;/span&gt;&lt;span class="s"&gt;"left"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
        &lt;span class="c"&gt;&amp;lt;!-- Github Stats --&amp;gt;&lt;/span&gt;
        &lt;span class="nt"&gt;&amp;lt;img&lt;/span&gt; &lt;span class="na"&gt;width=&lt;/span&gt;&lt;span class="s"&gt;"450px"&lt;/span&gt; &lt;span class="na"&gt;height=&lt;/span&gt;&lt;span class="s"&gt;"auto"&lt;/span&gt; &lt;span class="na"&gt;align=&lt;/span&gt;&lt;span class="s"&gt;"right"&lt;/span&gt; &lt;span class="na"&gt;src=&lt;/span&gt;&lt;span class="s"&gt;"https://github-readme-stats.vercel.app/api?username=vivek09thakur&amp;amp;hide_border=True&amp;amp;theme=tokyonight"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
        &lt;span class="c"&gt;&amp;lt;!-- HTML5 --&amp;gt;&lt;/span&gt;
        &lt;span class="nt"&gt;&amp;lt;img&lt;/span&gt; &lt;span class="na"&gt;src=&lt;/span&gt;&lt;span class="s"&gt;'https://upload.wikimedia.org/wikipedia/commons/thumb/3/38/HTML5_Badge.svg/768px-HTML5_Badge.svg.png?20110131171049'&lt;/span&gt; &lt;span class="na"&gt;width=&lt;/span&gt;&lt;span class="s"&gt;'38px'&lt;/span&gt; &lt;span class="na"&gt;height=&lt;/span&gt;&lt;span class="s"&gt;'auto'&lt;/span&gt;&lt;span class="nt"&gt;/&amp;gt;&lt;/span&gt;
        &lt;span class="c"&gt;&amp;lt;!-- CSS3 --&amp;gt;&lt;/span&gt;
        &lt;span class="nt"&gt;&amp;lt;img&lt;/span&gt; &lt;span class="na"&gt;src=&lt;/span&gt;&lt;span class="s"&gt;'https://upload.wikimedia.org/wikipedia/commons/thumb/6/62/CSS3_logo.svg/638px-CSS3_logo.svg.png'&lt;/span&gt; &lt;span class="na"&gt;width=&lt;/span&gt;&lt;span class="s"&gt;'38px'&lt;/span&gt; &lt;span class="na"&gt;height=&lt;/span&gt;&lt;span class="s"&gt;'auto'&lt;/span&gt;&lt;span class="nt"&gt;/&amp;gt;&lt;/span&gt;
        &lt;span class="c"&gt;&amp;lt;!-- Javascript --&amp;gt;&lt;/span&gt;
        &lt;span class="nt"&gt;&amp;lt;img&lt;/span&gt; &lt;span class="na"&gt;src=&lt;/span&gt;&lt;span class="s"&gt;'https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/JavaScript-logo.png/900px-JavaScript-logo.png'&lt;/span&gt; &lt;span class="na"&gt;width=&lt;/span&gt;&lt;span class="s"&gt;'38px'&lt;/span&gt; &lt;span class="na"&gt;height=&lt;/span&gt;&lt;span class="s"&gt;'auto'&lt;/span&gt;&lt;span class="nt"&gt;/&amp;gt;&lt;/span&gt;
        &lt;span class="c"&gt;&amp;lt;!-- Bootstrap --&amp;gt;&lt;/span&gt;
        &lt;span class="nt"&gt;&amp;lt;img&lt;/span&gt; &lt;span class="na"&gt;src=&lt;/span&gt;&lt;span class="s"&gt;'https://upload.wikimedia.org/wikipedia/commons/thumb/b/b2/Bootstrap_logo.svg/638px-Bootstrap_logo.svg.png'&lt;/span&gt; &lt;span class="na"&gt;width=&lt;/span&gt;&lt;span class="s"&gt;'42px'&lt;/span&gt; &lt;span class="na"&gt;height=&lt;/span&gt;&lt;span class="s"&gt;'auto'&lt;/span&gt;&lt;span class="na"&gt;height=&lt;/span&gt;&lt;span class="s"&gt;"auto"&lt;/span&gt; &lt;span class="na"&gt;style=&lt;/span&gt;&lt;span class="s"&gt;"margin-bottom:5px"&lt;/span&gt;&lt;span class="nt"&gt;/&amp;gt;&lt;/span&gt;
        &lt;span class="c"&gt;&amp;lt;!-- ReactJs --&amp;gt;&lt;/span&gt;
        &lt;span class="nt"&gt;&amp;lt;img&lt;/span&gt; &lt;span class="na"&gt;src=&lt;/span&gt;&lt;span class="s"&gt;'https://upload.wikimedia.org/wikipedia/commons/thumb/a/a7/React-icon.svg/638px-React-icon.svg.png'&lt;/span&gt; &lt;span class="na"&gt;width=&lt;/span&gt;&lt;span class="s"&gt;'38px'&lt;/span&gt; &lt;span class="na"&gt;height=&lt;/span&gt;&lt;span class="s"&gt;'auto'&lt;/span&gt; &lt;span class="na"&gt;style=&lt;/span&gt;&lt;span class="s"&gt;"margin-bottom:7px"&lt;/span&gt;&lt;span class="nt"&gt;/&amp;gt;&lt;/span&gt;
        &lt;span class="c"&gt;&amp;lt;!-- C++ --&amp;gt;&lt;/span&gt;
        &lt;span class="nt"&gt;&amp;lt;img&lt;/span&gt; &lt;span class="na"&gt;src=&lt;/span&gt;&lt;span class="s"&gt;'https://upload.wikimedia.org/wikipedia/commons/thumb/1/18/ISO_C%2B%2B_Logo.svg/638px-ISO_C%2B%2B_Logo.svg.png'&lt;/span&gt; &lt;span class="na"&gt;width=&lt;/span&gt;&lt;span class="s"&gt;'36px'&lt;/span&gt; &lt;span class="na"&gt;height=&lt;/span&gt;&lt;span class="s"&gt;'auto'&lt;/span&gt;&lt;span class="nt"&gt;/&amp;gt;&lt;/span&gt;
        &lt;span class="c"&gt;&amp;lt;!-- Python3 --&amp;gt;&lt;/span&gt;
        &lt;span class="nt"&gt;&amp;lt;img&lt;/span&gt; &lt;span class="na"&gt;src=&lt;/span&gt;&lt;span class="s"&gt;'https://upload.wikimedia.org/wikipedia/commons/thumb/c/c3/Python-logo-notext.svg/638px-Python-logo-notext.svg.png'&lt;/span&gt; &lt;span class="na"&gt;width=&lt;/span&gt;&lt;span class="s"&gt;'38px'&lt;/span&gt; &lt;span class="na"&gt;height=&lt;/span&gt;&lt;span class="s"&gt;'auto'&lt;/span&gt; &lt;span class="na"&gt;style=&lt;/span&gt;&lt;span class="s"&gt;"margin-bottom:-5px"&lt;/span&gt;&lt;span class="nt"&gt;/&amp;gt;&lt;/span&gt;
        &lt;span class="nt"&gt;&amp;lt;br/&amp;gt;&lt;/span&gt;
        &lt;span class="c"&gt;&amp;lt;!-- Jupyter Notebook --&amp;gt;&lt;/span&gt;
        &lt;span class="nt"&gt;&amp;lt;img&lt;/span&gt; &lt;span class="na"&gt;src=&lt;/span&gt;&lt;span class="s"&gt;'https://upload.wikimedia.org/wikipedia/commons/thumb/3/38/Jupyter_logo.svg/638px-Jupyter_logo.svg.png'&lt;/span&gt; &lt;span class="na"&gt;width=&lt;/span&gt;&lt;span class="s"&gt;'38px'&lt;/span&gt; &lt;span class="na"&gt;height=&lt;/span&gt;&lt;span class="s"&gt;'auto'&lt;/span&gt;&lt;span class="nt"&gt;/&amp;gt;&lt;/span&gt;
        &lt;span class="c"&gt;&amp;lt;!-- Pandas --&amp;gt;&lt;/span&gt;
        &lt;span class="nt"&gt;&amp;lt;img&lt;/span&gt; &lt;span class="na"&gt;src=&lt;/span&gt;&lt;span class="s"&gt;'https://upload.wikimedia.org/wikipedia/commons/thumb/2/22/Pandas_mark.svg/638px-Pandas_mark.svg.png'&lt;/span&gt; &lt;span class="na"&gt;width=&lt;/span&gt;&lt;span class="s"&gt;'38px'&lt;/span&gt; &lt;span class="na"&gt;height=&lt;/span&gt;&lt;span class="s"&gt;'auto'&lt;/span&gt;&lt;span class="nt"&gt;/&amp;gt;&lt;/span&gt;
         &lt;span class="c"&gt;&amp;lt;!-- colab --&amp;gt;&lt;/span&gt;
        &lt;span class="nt"&gt;&amp;lt;img&lt;/span&gt; &lt;span class="na"&gt;src=&lt;/span&gt;&lt;span class="s"&gt;'https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/Google_Colaboratory_SVG_Logo.svg/638px-Google_Colaboratory_SVG_Logo.svg.png'&lt;/span&gt; &lt;span class="na"&gt;width=&lt;/span&gt;&lt;span class="s"&gt;'60px'&lt;/span&gt; &lt;span class="na"&gt;height=&lt;/span&gt;&lt;span class="s"&gt;'auto'&lt;/span&gt; &lt;span class="na"&gt;style=&lt;/span&gt;&lt;span class="s"&gt;"margin-left:-10px"&lt;/span&gt;&lt;span class="nt"&gt;/&amp;gt;&lt;/span&gt;
        &lt;span class="c"&gt;&amp;lt;!-- Tensorflow --&amp;gt;&lt;/span&gt;
        &lt;span class="nt"&gt;&amp;lt;img&lt;/span&gt; &lt;span class="na"&gt;src=&lt;/span&gt;&lt;span class="s"&gt;'https://upload.wikimedia.org/wikipedia/commons/thumb/2/20/Tensorflow-svgrepo-com.svg/638px-Tensorflow-svgrepo-com.svg.png'&lt;/span&gt; &lt;span class="na"&gt;width=&lt;/span&gt;&lt;span class="s"&gt;'38px'&lt;/span&gt; &lt;span class="na"&gt;height=&lt;/span&gt;&lt;span class="s"&gt;'auto'&lt;/span&gt;&lt;span class="nt"&gt;/&amp;gt;&lt;/span&gt;
        &lt;span class="c"&gt;&amp;lt;!-- Pytorch --&amp;gt;&lt;/span&gt;
        &lt;span class="nt"&gt;&amp;lt;img&lt;/span&gt; &lt;span class="na"&gt;src=&lt;/span&gt;&lt;span class="s"&gt;'https://upload.wikimedia.org/wikipedia/commons/thumb/9/99/Pytorch-svgrepo-com.svg/638px-Pytorch-svgrepo-com.svg.png'&lt;/span&gt; &lt;span class="na"&gt;width=&lt;/span&gt;&lt;span class="s"&gt;'38px'&lt;/span&gt; &lt;span class="na"&gt;height=&lt;/span&gt;&lt;span class="s"&gt;'auto'&lt;/span&gt;&lt;span class="nt"&gt;/&amp;gt;&lt;/span&gt;
        &lt;span class="c"&gt;&amp;lt;!-- Django --&amp;gt;&lt;/span&gt;
        &lt;span class="nt"&gt;&amp;lt;img&lt;/span&gt; &lt;span class="na"&gt;src=&lt;/span&gt;&lt;span class="s"&gt;'https://cdn.worldvectorlogo.com/logos/django.svg'&lt;/span&gt; &lt;span class="na"&gt;width=&lt;/span&gt;&lt;span class="s"&gt;'30px'&lt;/span&gt; &lt;span class="na"&gt;height=&lt;/span&gt;&lt;span class="s"&gt;'auto'&lt;/span&gt; &lt;span class="na"&gt;style=&lt;/span&gt;&lt;span class="s"&gt;"margin-bottom:-5px"&lt;/span&gt;&lt;span class="nt"&gt;/&amp;gt;&lt;/span&gt;
        &lt;span class="c"&gt;&amp;lt;!-- Flutter --&amp;gt;&lt;/span&gt;
        &lt;span class="nt"&gt;&amp;lt;img&lt;/span&gt; &lt;span class="na"&gt;src=&lt;/span&gt;&lt;span class="s"&gt;'https://www.svgrepo.com/show/353751/flutter.svg'&lt;/span&gt; &lt;span class="na"&gt;width=&lt;/span&gt;&lt;span class="s"&gt;'38px'&lt;/span&gt; &lt;span class="na"&gt;height=&lt;/span&gt;&lt;span class="s"&gt;'auto'&lt;/span&gt;&lt;span class="nt"&gt;/&amp;gt;&lt;/span&gt;
        &lt;span class="nt"&gt;&amp;lt;br/&amp;gt;&lt;/span&gt;
        &lt;span class="c"&gt;&amp;lt;!-- git --&amp;gt;&lt;/span&gt;
        &lt;span class="nt"&gt;&amp;lt;img&lt;/span&gt; &lt;span class="na"&gt;src=&lt;/span&gt;&lt;span class="s"&gt;'https://upload.wikimedia.org/wikipedia/commons/thumb/3/3f/Git_icon.svg/146px-Git_icon.svg.png?20220905010122'&lt;/span&gt; &lt;span class="na"&gt;width=&lt;/span&gt;&lt;span class="s"&gt;'38px'&lt;/span&gt; &lt;span class="na"&gt;height=&lt;/span&gt;&lt;span class="s"&gt;'auto'&lt;/span&gt;&lt;span class="nt"&gt;/&amp;gt;&lt;/span&gt;
        &lt;span class="c"&gt;&amp;lt;!-- VS code --&amp;gt;&lt;/span&gt;
        &lt;span class="nt"&gt;&amp;lt;img&lt;/span&gt; &lt;span class="na"&gt;src=&lt;/span&gt;&lt;span class="s"&gt;'https://upload.wikimedia.org/wikipedia/commons/thumb/9/9a/Visual_Studio_Code_1.35_icon.svg/768px-Visual_Studio_Code_1.35_icon.svg.png'&lt;/span&gt; &lt;span class="na"&gt;width=&lt;/span&gt;&lt;span class="s"&gt;'38px'&lt;/span&gt; &lt;span class="na"&gt;height=&lt;/span&gt;&lt;span class="s"&gt;'auto'&lt;/span&gt;&lt;span class="nt"&gt;/&amp;gt;&lt;/span&gt;
        &lt;span class="c"&gt;&amp;lt;!-- andriod studio --&amp;gt;&lt;/span&gt;
        &lt;span class="nt"&gt;&amp;lt;img&lt;/span&gt; &lt;span class="na"&gt;src=&lt;/span&gt;&lt;span class="s"&gt;"https://upload.wikimedia.org/wikipedia/commons/thumb/9/95/Android_Studio_Icon_3.6.svg/768px-Android_Studio_Icon_3.6.svg.png?20210301045217"&lt;/span&gt; &lt;span class="na"&gt;width=&lt;/span&gt;&lt;span class="s"&gt;"36px"&lt;/span&gt; &lt;span class="nt"&gt;/&amp;gt;&lt;/span&gt; 
        &lt;span class="c"&gt;&amp;lt;!-- google idx --&amp;gt;&lt;/span&gt;
        &lt;span class="nt"&gt;&amp;lt;img&lt;/span&gt; &lt;span class="na"&gt;src=&lt;/span&gt;&lt;span class="s"&gt;'https://idx.dev/images/code-chevron.svg'&lt;/span&gt; &lt;span class="na"&gt;width=&lt;/span&gt;&lt;span class="s"&gt;'38px'&lt;/span&gt; &lt;span class="na"&gt;height=&lt;/span&gt;&lt;span class="s"&gt;'auto'&lt;/span&gt;&lt;span class="nt"&gt;/&amp;gt;&lt;/span&gt;
        &lt;span class="c"&gt;&amp;lt;!-- google cloud --&amp;gt;&lt;/span&gt;
        &lt;span class="nt"&gt;&amp;lt;img&lt;/span&gt; &lt;span class="na"&gt;src=&lt;/span&gt;&lt;span class="s"&gt;'https://www.svgrepo.com/show/448223/gcp.svg'&lt;/span&gt; &lt;span class="na"&gt;width=&lt;/span&gt;&lt;span class="s"&gt;'38px'&lt;/span&gt; &lt;span class="na"&gt;height=&lt;/span&gt;&lt;span class="s"&gt;'auto'&lt;/span&gt;&lt;span class="nt"&gt;/&amp;gt;&lt;/span&gt;
        &lt;span class="c"&gt;&amp;lt;!-- Firebase --&amp;gt;&lt;/span&gt;
        &lt;span class="nt"&gt;&amp;lt;img&lt;/span&gt; &lt;span class="na"&gt;src=&lt;/span&gt;&lt;span class="s"&gt;"https://upload.wikimedia.org/wikipedia/commons/4/46/Touchicon-180.png?20200723100028"&lt;/span&gt; &lt;span class="na"&gt;width=&lt;/span&gt;&lt;span class="s"&gt;"38px"&lt;/span&gt; &lt;span class="na"&gt;height=&lt;/span&gt;&lt;span class="s"&gt;"38px"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
        &lt;span class="c"&gt;&amp;lt;!-- Figma --&amp;gt;&lt;/span&gt;
        &lt;span class="nt"&gt;&amp;lt;img&lt;/span&gt; &lt;span class="na"&gt;src=&lt;/span&gt;&lt;span class="s"&gt;"https://upload.wikimedia.org/wikipedia/commons/thumb/a/ad/Figma-1-logo.png/638px-Figma-1-logo.png"&lt;/span&gt; &lt;span class="na"&gt;width=&lt;/span&gt;&lt;span class="s"&gt;"40px"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt; 
        &lt;span class="nt"&gt;&amp;lt;br/&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;Adding a stat card to your github&lt;/strong&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fymi2pqf02rr9870jn7gy.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fymi2pqf02rr9870jn7gy.png" alt="IMG 7" width="648" height="303"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This will not only for visitors but also for yourself to get to know how far you are going. To add a stats card you can visit &lt;a href="https://github.com/anuraghazra/github-readme-stats" rel="noopener noreferrer"&gt;this link&lt;/a&gt; and a stats card to your profile.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Still there are many things like your social account links , github trophies but these are some important things from my POV.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;strong&gt;Don't forget to checkout &lt;a href="https://github.com/vivek09thakur" rel="noopener noreferrer"&gt;my github&lt;/a&gt;.&lt;/strong&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Thanks for reading :D
&lt;/h2&gt;

&lt;h2&gt;
  
  
  Logging out !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
&lt;/h2&gt;

</description>
      <category>beginners</category>
      <category>github</category>
      <category>markdown</category>
      <category>programming</category>
    </item>
    <item>
      <title>My First Cross-Platform Hello-World Flutter App</title>
      <dc:creator>Vivek Thakur</dc:creator>
      <pubDate>Mon, 06 Nov 2023 22:02:11 +0000</pubDate>
      <link>https://dev.to/vivek09thakur/my-first-cross-platform-hello-world-flutter-app-e9p</link>
      <guid>https://dev.to/vivek09thakur/my-first-cross-platform-hello-world-flutter-app-e9p</guid>
      <description>&lt;p&gt;Feeling so excited and empowered after getting started with Flutter! The possibilities are endless, and I can't wait to create amazing apps with this fantastic framework. 💡📱&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/vivek09thakur/Hello-World" rel="noopener noreferrer"&gt;Here is the repo of my first hello world flutter app&lt;/a&gt;&lt;/p&gt;

</description>
      <category>android</category>
      <category>flutter</category>
      <category>github</category>
      <category>dart</category>
    </item>
    <item>
      <title>My Fav VS Code themes in 2023</title>
      <dc:creator>Vivek Thakur</dc:creator>
      <pubDate>Sat, 04 Nov 2023 05:50:57 +0000</pubDate>
      <link>https://dev.to/vivek09thakur/my-fav-vs-code-themes-in-2023-20dk</link>
      <guid>https://dev.to/vivek09thakur/my-fav-vs-code-themes-in-2023-20dk</guid>
      <description>&lt;h2&gt;
  
  
  Exploring Cool Visual Studio Code Themes
&lt;/h2&gt;

&lt;p&gt;Visual Studio Code (VS Code) is one of the most popular code editors in the world, known for its extensibility and vibrant developer community. Among its many features, the ability to customize the editor's appearance through themes is a favorite among developers&lt;/p&gt;

&lt;h2&gt;
  
  
  1. Dracula Theme
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fr7lgn429f8phhqp2akll.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fr7lgn429f8phhqp2akll.png" alt="Dracula Theme Preview" width="800" height="428"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The Dracula Theme is a well-known and widely beloved choice among VS Code users. This theme features a dark, rich background with vibrant and contrasting syntax highlighting. The dark purplish-blue backdrop creates a visually striking environment that is easy on the eyes, making it suitable for long coding sessions. The Dracula Theme is not only aesthetically pleasing but also functional, as it emphasizes code readability and minimizes distractions. This theme has a modern and sleek look that has won the hearts of developers across the globe.&lt;/p&gt;

&lt;h2&gt;
  
  
  2. Fire Fox Theme
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fvyaer2izt6xg04q657hg.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fvyaer2izt6xg04q657hg.png" alt="Fire fox Theme Preview" width="800" height="428"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The Fire Fox Theme, inspired by the Mozilla Firefox browser, brings a unique and refreshing style to your coding experience. It is an excellent choice for those who want to create a welcoming and comforting atmosphere while coding. &lt;/p&gt;

&lt;h2&gt;
  
  
  3. Github Themes
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fx8q8rrj7bzf3022b7h30.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fx8q8rrj7bzf3022b7h30.png" alt="Github Theme Preview" width="800" height="428"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The GitHub Theme is a VS Code theme that closely resembles the default GitHub code viewer. This theme provides a clean and professional look that closely mirrors the code view you would find on GitHub. Its color palette is soft and easy on the eyes, making it ideal for those who want a neutral and unobtrusive coding environment. The GitHub Theme offers a minimalistic and functional approach, emphasizing code clarity without unnecessary frills.&lt;/p&gt;

&lt;h2&gt;
  
  
  4. Hack The Box
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F63v9f5z0kldgh3lvjvuh.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F63v9f5z0kldgh3lvjvuh.png" alt="Hack The Box Theme Preview" width="800" height="428"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Hack the Box is a visually captivating VS Code theme that takes inspiration from the world of cyberpunk aesthetics. The theme's design features dark and moody colors, reminiscent of the neon lights often seen in cyberpunk settings. The combination of dark backgrounds with bright, neon-like syntax highlighting creates a futuristic and edgy atmosphere. Hack the Box is an excellent choice for those who enjoy immersive and dramatic themes that transport them to a cyberpunk-inspired coding realm.&lt;/p&gt;

&lt;h2&gt;
  
  
  5. Github Blue
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fge2h2hk1nnjn07uiz9j3.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fge2h2hk1nnjn07uiz9j3.png" alt="Github Blue Theme Preview" width="800" height="428"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;If you're a fan of GitHub and prefer a more vibrant look than the standard GitHub Theme, GitHub Blue may be your ideal choice. This theme retains the clean and professional appearance but introduces a pleasant blue color scheme. The blue hues create a serene and calming ambiance, allowing you to concentrate better while coding. It's a fantastic theme for those who want to combine the familiarity of GitHub with a slightly more dynamic visual style.&lt;/p&gt;

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

&lt;p&gt;Choosing a VS Code theme is a personal preference, and the themes listed here represent a fraction of the diverse options available&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Comment your fav VS code theme&lt;/strong&gt;&lt;/p&gt;

</description>
      <category>vscode</category>
    </item>
  </channel>
</rss>
