<?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: Saqib Bedar</title>
    <description>The latest articles on DEV Community by Saqib Bedar (@saqibbedar).</description>
    <link>https://dev.to/saqibbedar</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%2F2204799%2F627f9e2c-21d3-48e5-9199-abb315ab1a5d.png</url>
      <title>DEV Community: Saqib Bedar</title>
      <link>https://dev.to/saqibbedar</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/saqibbedar"/>
    <language>en</language>
    <item>
      <title>🎉 Build Your Dream Portfolio with Reactfolio! 🚀</title>
      <dc:creator>Saqib Bedar</dc:creator>
      <pubDate>Sun, 13 Oct 2024 09:33:42 +0000</pubDate>
      <link>https://dev.to/saqibbedar/build-your-dream-portfolio-with-reactfolio-3835</link>
      <guid>https://dev.to/saqibbedar/build-your-dream-portfolio-with-reactfolio-3835</guid>
      <description>&lt;p&gt;Hello developers!&lt;/p&gt;

&lt;p&gt;I'm excited to share with you &lt;a href="https://github.com/saqibbedar/Reactfolio" rel="noopener noreferrer"&gt;&lt;strong&gt;Reactfolio-v1.9.0&lt;/strong&gt;&lt;/a&gt;, a customizable portfolio template built with React, Vite, and TailwindCSS. Designed for developers looking to showcase their work with style and simplicity, this template allows you to easily create your own developer portfolio for free!&lt;/p&gt;

&lt;h2&gt;
  
  
  🌟 Why Reactfolio?
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Reactfolio&lt;/strong&gt; is perfect for those who want a quick and easy way to get their portfolio up and running without the hassle of building from scratch. With all the data stored in a single &lt;a href="https://github.com/saqibbedar/Reactfolio/blob/main/src/assets/assets.js" rel="noopener noreferrer"&gt;&lt;code&gt;assets.js&lt;/code&gt;&lt;/a&gt; file, customizing your portfolio has never been easier!&lt;/p&gt;

&lt;h2&gt;
  
  
  🔥 Features:
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Customizable: Change your portfolio’s look and feel with just a few clicks.&lt;/li&gt;
&lt;li&gt;Easy Setup: Follow a simple installation guide to get started quickly.&lt;/li&gt;
&lt;li&gt;Responsive Design: Looks great on all devices.&lt;/li&gt;
&lt;li&gt;SEO Optimized: Improve your visibility with built-in SEO features.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  💻 Quick Demo
&lt;/h2&gt;

&lt;p&gt;Check out the live demo of Reactfolio &lt;a href="https://saqibbedar.github.io/Reactfolio/" rel="noopener noreferrer"&gt;here&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  Installation &amp;amp; Setup 🛠️
&lt;/h2&gt;

&lt;p&gt;Follow these steps to create and deploy your portfolio:&lt;/p&gt;

&lt;h3&gt;
  
  
  1. Fork and Clone the Repository 📂
&lt;/h3&gt;

&lt;p&gt;To begin, you should fork this repository so you have your own copy of the project.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Click the &lt;strong&gt;Fork&lt;/strong&gt; button at the top-right corner of this &lt;a href="https://github.com/saqibbedar/Reactfolio" rel="noopener noreferrer"&gt;repository&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Clone it to your local machine:&lt;br&gt;
&lt;/p&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;git clone https://github.com/saqibbedar/Reactfolio.git
&lt;/code&gt;&lt;/pre&gt;

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

&lt;h3&gt;
  
  
  2. Update the Data in &lt;code&gt;assets.js&lt;/code&gt;:
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Open the &lt;code&gt;assets.js&lt;/code&gt; file and replace the dummy data with your actual information.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  3. Push Changes to GitHub:
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;Once you've customized everything, push your changes to your GitHub repository:&lt;br&gt;
&lt;/p&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;git add &lt;span class="nb"&gt;.&lt;/span&gt;
git commit &lt;span class="nt"&gt;-m&lt;/span&gt; &lt;span class="s2"&gt;"Customize portfolio"&lt;/span&gt;
git push origin main
&lt;/code&gt;&lt;/pre&gt;

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

&lt;h3&gt;
  
  
  Your Portfolio is Live!:
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;You can view your portfolio at &lt;code&gt;https://&amp;lt;your-username&amp;gt;.github.io/&amp;lt;repository-name&amp;gt;/&lt;/code&gt;.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Contributing 🤝
&lt;/h2&gt;

&lt;p&gt;We welcome contributions from everyone! By contributing to this project, you not only help improve it but also get your contributions recognized on the ORCID platform. I have contributed to this project on &lt;a href="https://orcid.org/0009-0006-2554-8074" rel="noopener noreferrer"&gt;ORCID&lt;/a&gt;, where it is properly described and cited under software.&lt;/p&gt;

&lt;p&gt;Feel free to open issues or submit pull requests. Your contributions will be acknowledged, and you can add them to your ORCID profile to showcase your work and gain recognition in the academic and professional community.&lt;/p&gt;

&lt;p&gt;For more details read &lt;a href="//./CONTRIBUTING.md"&gt;Contribution guidelines&lt;/a&gt; in detail.&lt;/p&gt;

&lt;p&gt;Join us in making this project better and get your contributions recognized!&lt;/p&gt;




&lt;p&gt;Thank you for checking out &lt;strong&gt;Reactfolio!&lt;/strong&gt; I'm excited to see how you customize it to showcase your amazing work! 🌟&lt;/p&gt;

</description>
    </item>
  </channel>
</rss>
