<?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: Niral</title>
    <description>The latest articles on DEV Community by Niral (@codebuddylarin).</description>
    <link>https://dev.to/codebuddylarin</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%2F1253314%2Ffc0952ef-69d9-4a90-a211-22811791d7ad.jpg</url>
      <title>DEV Community: Niral</title>
      <link>https://dev.to/codebuddylarin</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/codebuddylarin"/>
    <language>en</language>
    <item>
      <title>how to run existing vite-react-app?</title>
      <dc:creator>Niral</dc:creator>
      <pubDate>Tue, 23 Apr 2024 17:44:56 +0000</pubDate>
      <link>https://dev.to/codebuddylarin/how-to-run-existing-vite-react-app-16bf</link>
      <guid>https://dev.to/codebuddylarin/how-to-run-existing-vite-react-app-16bf</guid>
      <description>&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%2Fseazi1nxcpov3env3is3.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%2Fseazi1nxcpov3env3is3.png" alt="Image description" width="800" height="268"&gt;&lt;/a&gt;&lt;br&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%2Fq48h7h4gzol8yx15zrob.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%2Fq48h7h4gzol8yx15zrob.png" alt="Image description" width="366" height="121"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I am not able to run my existing app on dev server. i tried using the general commands , npm run dev , it shows no scripts as "dev" but as you can see in the package.json file ther is dev script present . i also tried removing the packages and installing it again and running but its still not working . &lt;br&gt;
Please do help and give a solution to this issue. &lt;/p&gt;

</description>
    </item>
    <item>
      <title>Beginner Level Projects to Brush_Up React.Js ?</title>
      <dc:creator>Niral</dc:creator>
      <pubDate>Fri, 15 Mar 2024 10:26:18 +0000</pubDate>
      <link>https://dev.to/codebuddylarin/beginner-level-projects-to-brushup-reactjs--2ad8</link>
      <guid>https://dev.to/codebuddylarin/beginner-level-projects-to-brushup-reactjs--2ad8</guid>
      <description>&lt;p&gt;so now i am close to get an overview of the key react concepts needed , but to simply know the concepts is not enough , i need to use those concepts and improve my learning journey by application based practice. &lt;br&gt;
               So i Request all fellow devs to help me in my path of finding baseline projects and gradually improving with more complex ones! &lt;br&gt;
looking forward to have an interactive discussion on this !&lt;br&gt;
Thanks &lt;/p&gt;

</description>
      <category>webdev</category>
      <category>beginners</category>
      <category>react</category>
      <category>discuss</category>
    </item>
    <item>
      <title>Learning Milestone</title>
      <dc:creator>Niral</dc:creator>
      <pubDate>Thu, 07 Mar 2024 13:40:59 +0000</pubDate>
      <link>https://dev.to/codebuddylarin/learning-milestone-3pfk</link>
      <guid>https://dev.to/codebuddylarin/learning-milestone-3pfk</guid>
      <description>&lt;p&gt;I am Happy to set a new milestone in my learning journey as i completed my React Basics Course from Meta which is a part of 9 courses inside , " Meta Front-End Developer Professional Certificate", In this Course i learned to use hooks , useStates, components, JSX etc. i applied all the concepts by making a simple calculator app using react. now on to the next course namely &lt;br&gt;
Advanced React which will dive deeper into react concepts.   &lt;/p&gt;

</description>
      <category>react</category>
      <category>webdev</category>
      <category>javascript</category>
      <category>beginners</category>
    </item>
    <item>
      <title>moving forward in Frontend</title>
      <dc:creator>Niral</dc:creator>
      <pubDate>Sun, 04 Feb 2024 16:53:35 +0000</pubDate>
      <link>https://dev.to/codebuddylarin/moving-forward-in-frontend-1l34</link>
      <guid>https://dev.to/codebuddylarin/moving-forward-in-frontend-1l34</guid>
      <description>&lt;p&gt;last month i enrolled for META FRONTEND DEVELEOPER PROFESSIONAL CERTIFICATE. It Comprises of 9 course series. Today marks the completion of my first Course Series out of 9. This beginner Course gave me a surface level idea of Frontend Development. Starting from HTML | CSS | React | Internet | DOM | Bootstrap . It gave a really good basic understanding of how the websites work and how to make user-friendly and responsive websites.&lt;br&gt;
the total estimated time given by coursera is around 7 months if we go by 6 hr per week (which is quite slow according to me), we can easily do this complete course in 45 days (1.5 months) by working around 5-6 hr a day depending on your individual learning schedule. I look forward to make a successful career i &lt;/p&gt;

</description>
      <category>webdev</category>
      <category>javascript</category>
      <category>react</category>
      <category>productivity</category>
    </item>
    <item>
      <title>My First FrontEnd Project</title>
      <dc:creator>Niral</dc:creator>
      <pubDate>Tue, 23 Jan 2024 14:49:54 +0000</pubDate>
      <link>https://dev.to/codebuddylarin/my-first-frontend-project-fmh</link>
      <guid>https://dev.to/codebuddylarin/my-first-frontend-project-fmh</guid>
      <description>&lt;p&gt;Its been almost a month of being consistent with my Web Dev journey, and here i am with my first front end project as Amazon.com Clone web interface using HTML and CSS.With continuous inspection and getting the idea of website , i was able to think of its elements in code and get the desired interface. Around 190 lines of html and 260 lines of css were written to complete the code &lt;br&gt;
I have started #javascript now looking forward to learn it thoroughly as it the Most important in development journey. Will update here once i achieve this milestone. Till then Happy Coding!&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%2F953knnm6j51ufl7a15x4.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%2F953knnm6j51ufl7a15x4.png" alt="Image description" width="800" height="424"&gt;&lt;/a&gt;&lt;br&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%2F3fap0pfx0ose7p3dw880.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%2F3fap0pfx0ose7p3dw880.png" alt="Image description" width="800" height="432"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>css</category>
      <category>html</category>
      <category>frontend</category>
    </item>
    <item>
      <title>Javascript Roadmap?</title>
      <dc:creator>Niral</dc:creator>
      <pubDate>Tue, 16 Jan 2024 07:31:21 +0000</pubDate>
      <link>https://dev.to/codebuddylarin/javascript-roadmap-pcg</link>
      <guid>https://dev.to/codebuddylarin/javascript-roadmap-pcg</guid>
      <description>&lt;p&gt;As a beginner in web development specifically frontend, which topics of java-script are must do and which ones can be done later on or are of less significance from frontend pov? I thought it will be better to take advice here before diving into this huge and important topic so do tell your advice on this !! It will be very helpful for me saving me a lot of time in which i can explore and taste some other domains. Happy coding!&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>javascript</category>
      <category>developers</category>
      <category>programming</category>
    </item>
    <item>
      <title>Image Tags in html</title>
      <dc:creator>Niral</dc:creator>
      <pubDate>Fri, 12 Jan 2024 13:08:04 +0000</pubDate>
      <link>https://dev.to/codebuddylarin/image-tags-in-html-im5</link>
      <guid>https://dev.to/codebuddylarin/image-tags-in-html-im5</guid>
      <description>&lt;p&gt;While making a clickable image for my portfolio. I came across an issue which i am unable to resolve. I am making a clickable linkedin logo which takes the page to my linkedin profile in a new tab. but its opening in same tab instead. I've used anchor tags correctly with  but its not working what would be the reason , can anyone resolve this ?&lt;br&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%2F076w14fphyqua6lol364.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%2F076w14fphyqua6lol364.png" alt="Image description" width="800" height="423"&gt;&lt;/a&gt; &lt;/p&gt;

&lt;p&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;br&gt;
&lt;br&gt;
&lt;/p&gt;
&lt;br&gt;
    &lt;br&gt;
    &lt;br&gt;
    CSS Level 1&lt;br&gt;
    &lt;br&gt;
    &amp;lt;br&amp;gt;
        button{&amp;lt;br&amp;gt;
            color:rgb(17, 2, 74);&amp;lt;br&amp;gt;
        }&amp;lt;br&amp;gt;
    &lt;br&gt;
&lt;br&gt;
&lt;br&gt;
    &lt;h1&gt; STARTING IN DEV&lt;/h1&gt;
&lt;br&gt;
    
&lt;h3&gt;Hi i am Niral , B Tech grad in EEE from VJTI Mumbai&lt;/h3&gt;
&lt;br&gt;
        &lt;br&gt;
        &lt;h3&gt;My interests in tech involve WEB DEVELOPMENT. I love making user friendly interfaces, throughout my dev journey i have built several frontend softwares.&lt;/h3&gt; &lt;br&gt;
        &lt;h3&gt;I am proficient in HTML5, CSS3, Javascript &amp;amp; React.js. In Addtion i am proficient in C/C++ language and have handson experience on databases and OOPS&lt;/h3&gt; 
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;    &amp;lt;a href="https://www.linkedin.com/in/niralchokhandre?lipi=urn%3Ali%3Apage%3Ad_flagship3_profile_view_base_contact_details%3BEys7PWHjRYyM77dhPknA6g%3D%3D"tagret="_main"&amp;gt;&amp;lt;img src= "https://store-images.s-microsoft.com/image/apps.31120.9007199266245564.44dc7699-748d-4c34-ba5e-d04eb48f7960.bc4172bd-63f0-455a-9acd-5457f44e4473"&amp;gt;&amp;lt;/a&amp;gt;
&lt;/code&gt;&lt;/pre&gt;


</description>
      <category>webdev</category>
      <category>html</category>
      <category>help</category>
    </item>
    <item>
      <title>Starting my WEB DEV Journey</title>
      <dc:creator>Niral</dc:creator>
      <pubDate>Wed, 10 Jan 2024 12:03:42 +0000</pubDate>
      <link>https://dev.to/codebuddylarin/starting-my-web-dev-journey-5a1h</link>
      <guid>https://dev.to/codebuddylarin/starting-my-web-dev-journey-5a1h</guid>
      <description>&lt;p&gt;Hi Developers!, &lt;br&gt;
               This is my start of posting my day to day tasks and doubts about web development. Hoping to connect with people who share the excitement for turning code into digital magic.    &lt;/p&gt;

</description>
      <category>webdev</category>
      <category>career</category>
      <category>javascript</category>
    </item>
  </channel>
</rss>
