<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: praneetog</title>
    <description>The latest articles on Forem by praneetog (@praneetk).</description>
    <link>https://forem.com/praneetk</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%2F1167795%2F116f31ca-d8b6-4c1c-9e32-618d03699707.jpg</url>
      <title>Forem: praneetog</title>
      <link>https://forem.com/praneetk</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/praneetk"/>
    <language>en</language>
    <item>
      <title>My Virtual Internship Journey at Oasis Infobyte as a Web Developer: A Month of Learning and Growth.</title>
      <dc:creator>praneetog</dc:creator>
      <pubDate>Sun, 03 Mar 2024 18:50:12 +0000</pubDate>
      <link>https://forem.com/praneetk/my-virtual-internship-journey-at-oasis-infobyte-as-a-web-developer-a-month-of-learning-and-growth-1i3a</link>
      <guid>https://forem.com/praneetk/my-virtual-internship-journey-at-oasis-infobyte-as-a-web-developer-a-month-of-learning-and-growth-1i3a</guid>
      <description>&lt;p&gt;Hii there!&lt;br&gt;
I haven't posted anything in a while. Excited to tell you all that I've been in a Virtual and Certificate based internship with Oasis Infobyte. I received my offer letter on 3rd February for which I was waiting for. Here's my Offer Letter :&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%2Foa7mtzn80q8lv3pe286s.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%2Foa7mtzn80q8lv3pe286s.png" alt="Image description" width="800" height="1128"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;It was an amazing journey where I had to complete few projects which were based on levels.&lt;br&gt;
My internship experience at Oasis Infobyte has been a transformative journey filled with learning, growth, and discovery. Every aspect of this experience has contributed to my personal and professional development. &lt;br&gt;
I look forward to applying the skills and knowledge gained during my internship to future endeavors and contributing to the ever-evolving world of web development and design.&lt;/p&gt;

&lt;p&gt;Thank You!&lt;/p&gt;

</description>
      <category>html</category>
      <category>javascript</category>
      <category>tailwindcss</category>
      <category>webdev</category>
    </item>
    <item>
      <title>My first WebDev project - My Personal Portfolio.</title>
      <dc:creator>praneetog</dc:creator>
      <pubDate>Fri, 22 Sep 2023 16:55:35 +0000</pubDate>
      <link>https://forem.com/praneetk/my-first-webdev-project-my-personal-portfolio-35in</link>
      <guid>https://forem.com/praneetk/my-first-webdev-project-my-personal-portfolio-35in</guid>
      <description>&lt;p&gt;&lt;strong&gt;This is my first blog.&lt;/strong&gt;&lt;br&gt;
I have made some portfolios before which were very basic. Few of them were made only using HTML and in others I used some CSS along with HTML. I started learning &lt;strong&gt;ReactJS&lt;/strong&gt; around a month ago and got used to &lt;strong&gt;Tailwind CSS&lt;/strong&gt; a week ago.&lt;/p&gt;

&lt;p&gt;I made this portfolio using ReactJS and TailwindCSS. I created various components like the first component which I created is for &lt;strong&gt;navbar&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Code for Navbar :&lt;/em&gt;&lt;br&gt;
Part 1:&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%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F2ywh4woun3pjyuaeqc6g.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F2ywh4woun3pjyuaeqc6g.png" alt="Image description"&gt;&lt;/a&gt;&lt;br&gt;
Part 2:&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%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fuikpqwtikr97khdpiiuv.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fuikpqwtikr97khdpiiuv.png" alt="Image description"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Second Component is for &lt;strong&gt;Home page&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Code for Home page :&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%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjb9vq5pxtmmqiaobfbfx.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjb9vq5pxtmmqiaobfbfx.png" alt="Image description"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;While creating the home page I used &lt;strong&gt;react-type-animation&lt;/strong&gt; and &lt;strong&gt;react-icons&lt;/strong&gt; package as for the changing texts and social media icons.&lt;/p&gt;

&lt;p&gt;Third Component was supposed to be for work but since I haven't done anything till now, I made it for &lt;strong&gt;Education section&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Code for Education.jsx :&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%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fi6md3jqarzri4bp5lnzq.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fi6md3jqarzri4bp5lnzq.png" alt="Image description"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Fourth Component is for &lt;strong&gt;Projects&lt;/strong&gt; but since I haven't worked on any remarkable projects, I left it empty.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Code for Projects.jsx file :&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%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fu174iqnafybu87bmvqn0.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fu174iqnafybu87bmvqn0.png" alt="Image description"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;For different Projects, I made a component and named it as &lt;strong&gt;ProjectItem.jsx&lt;/strong&gt; for importing all the different projects in Projects.jsx file.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Code for ProjectItem.jsx file :&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%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxz9mky69nav0snxbm8rt.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxz9mky69nav0snxbm8rt.png" alt="Image description"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Fifth Component is for my &lt;strong&gt;Resume&lt;/strong&gt; but since I haven't made one, I kept an interesting image instead of my Resume.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Code for Resume.jsx file:&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%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fki35wftbcxg8cn4g1e74.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fki35wftbcxg8cn4g1e74.png" alt="Image description"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Then I imported all these files into &lt;strong&gt;App.jsx&lt;/strong&gt; file.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Code :&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%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F2ajhl5cgbmqe0qvprcti.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F2ajhl5cgbmqe0qvprcti.png" alt="Image description"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;and then exported App.jsx file to &lt;strong&gt;index.jsx&lt;/strong&gt; file.&lt;/p&gt;

&lt;p&gt;index.jsx :&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%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fprlaey91rjbbza4vead6.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fprlaey91rjbbza4vead6.png" alt="Image description"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Here's the link for my Portfolio :&lt;br&gt;
&lt;a href="https://praneets-portfolio.netlify.app" rel="noopener noreferrer"&gt;https://praneets-portfolio.netlify.app&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Any feedbacks would be helpful.&lt;br&gt;
Thank You.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>react</category>
      <category>javascript</category>
      <category>tailwindcss</category>
    </item>
  </channel>
</rss>
