<?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: Ralph Rosael</title>
    <description>The latest articles on DEV Community by Ralph Rosael (@coderralph).</description>
    <link>https://dev.to/coderralph</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%2F1008118%2F1ee9a186-50c3-41d1-9f59-3cc3825bd52b.png</url>
      <title>DEV Community: Ralph Rosael</title>
      <link>https://dev.to/coderralph</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/coderralph"/>
    <language>en</language>
    <item>
      <title>Dev Daily Dashboard — A Simple Developer Productivity Dashboard</title>
      <dc:creator>Ralph Rosael</dc:creator>
      <pubDate>Tue, 17 Mar 2026 00:32:15 +0000</pubDate>
      <link>https://dev.to/coderralph/dev-daily-dashboard-16mm</link>
      <guid>https://dev.to/coderralph/dev-daily-dashboard-16mm</guid>
      <description>&lt;p&gt;Dev Daily Dashboard is a developer-focused productivity dashboard to track daily coding activity in one place.&lt;/p&gt;

&lt;p&gt;🔗 Live: &lt;a href="https://devdaily-dashboard.vercel.app/" rel="noopener noreferrer"&gt;https://devdaily-dashboard.vercel.app/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;What it shows&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;GitHub activity (commits, contributions)&lt;/li&gt;
&lt;li&gt;WakaTime coding stats&lt;/li&gt;
&lt;li&gt;Pomodoro timer&lt;/li&gt;
&lt;li&gt;LeetCode progress (mock data)&lt;/li&gt;
&lt;li&gt;Tasks and notes&lt;/li&gt;
&lt;li&gt;Productivity XP system&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Everything runs directly in the browser, with data stored locally for persistence across sessions.&lt;/p&gt;

&lt;p&gt;Designed as a lightweight, all-in-one dashboard to quickly check progress, maintain consistency, and stay focused on daily development work.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>productivity</category>
      <category>opensource</category>
      <category>api</category>
    </item>
    <item>
      <title>RepoTree: Generate ASCII Tree from GitHub Repositories</title>
      <dc:creator>Ralph Rosael</dc:creator>
      <pubDate>Wed, 13 Nov 2024 15:04:45 +0000</pubDate>
      <link>https://dev.to/coderralph/repotree-generate-ascii-tree-from-github-repositories-364g</link>
      <guid>https://dev.to/coderralph/repotree-generate-ascii-tree-from-github-repositories-364g</guid>
      <description>&lt;p&gt;Hey folks! 🎉&lt;/p&gt;

&lt;p&gt;I’ve built a simple web app called &lt;a href="https://ascii-repotree.vercel.app/" rel="noopener noreferrer"&gt;RepoTree&lt;/a&gt;, which takes any GitHub repository URL and converts its structure into a clean ASCII tree format. This tool is perfect for documentation purposes or when you want to easily share the structure of a repository.&lt;/p&gt;

&lt;p&gt;With RepoTree, you can quickly visualize your GitHub repository hierarchy and export it to a text format to include in your docs. It’s a small utility that can save you time and effort while documenting your projects!&lt;/p&gt;

&lt;p&gt;Check it out on &lt;a href="https://github.com/coder-ralph/RepoTree" rel="noopener noreferrer"&gt;GitHub&lt;/a&gt;!&lt;/p&gt;

&lt;p&gt;This project was inspired by Nathan Friend's &lt;a href="https://gitlab.com/nfriend/tree-online" rel="noopener noreferrer"&gt;Tree Online&lt;/a&gt; and &lt;a href="https://ascii-tree-generator.com/" rel="noopener noreferrer"&gt;ASCII Tree Generator&lt;/a&gt;.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>opensource</category>
      <category>learning</category>
      <category>javascript</category>
    </item>
    <item>
      <title>Revamped UI for NFT Artworks</title>
      <dc:creator>Ralph Rosael</dc:creator>
      <pubDate>Tue, 15 Oct 2024 01:57:57 +0000</pubDate>
      <link>https://dev.to/coderralph/revamped-ui-for-nft-artworks-43o8</link>
      <guid>https://dev.to/coderralph/revamped-ui-for-nft-artworks-43o8</guid>
      <description>&lt;p&gt;Hey folks, I revamped the UI of NFT Artworks! Check out the new design &lt;a href="https://youtu.be/B3LXUL_BRto" rel="noopener noreferrer"&gt;here&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Screenshots:&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%2Fia4uawkb889ksdv2h0wi.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%2Fia4uawkb889ksdv2h0wi.png" alt="Image 1" width="800" height="435"&gt;&lt;/a&gt;&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%2Fqtngu6irlypoiphnj9u8.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%2Fqtngu6irlypoiphnj9u8.png" alt="Image 2" width="800" height="437"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>pinatachallenge</category>
      <category>webdev</category>
      <category>api</category>
    </item>
    <item>
      <title>Creating NFT Artworks with Pinata</title>
      <dc:creator>Ralph Rosael</dc:creator>
      <pubDate>Sat, 12 Oct 2024 14:26:04 +0000</pubDate>
      <link>https://dev.to/coderralph/creating-nft-artworks-with-pinata-4c9k</link>
      <guid>https://dev.to/coderralph/creating-nft-artworks-with-pinata-4c9k</guid>
      <description>&lt;h2&gt;
  
  
  NFT Artworks
&lt;/h2&gt;

&lt;p&gt;A web application that allows users to upload and display their NFT artworks. It utilizes Pinata for IPFS storage, enabling secure and decentralized hosting of NFT artworks. This project is a submission for the &lt;a href="https://dev.to/challenges/pinata"&gt;Pinata Challenge&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  What I Built
&lt;/h2&gt;

&lt;p&gt;The application allows users to upload multiple images, which are then stored on IPFS using Pinata. Users can view their uploaded images in a gallery format and enjoy features such as drag-and-drop uploads, toast notifications for feedback, and a responsive design.&lt;/p&gt;

&lt;h2&gt;
  
  
  Demo
&lt;/h2&gt;

&lt;p&gt;You can access the live application &lt;a href="https://nft-artworks.vercel.app/" rel="noopener noreferrer"&gt;here&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  Screenshot]
&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%2F2a3kly6c4s5efjuv52lr.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%2F2a3kly6c4s5efjuv52lr.png" alt="light-theme" width="800" height="499"&gt;&lt;/a&gt;&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%2F643dhzrtnqd1z1pah4si.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%2F643dhzrtnqd1z1pah4si.png" alt="dark-theme" width="800" height="499"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  My Code
&lt;/h2&gt;

&lt;p&gt;The source code for this project can be found in the GitHub repository: &lt;a href="https://github.com/coder-ralph/NFT-Artworks.git" rel="noopener noreferrer"&gt;NFT-Artworks&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  More Details
&lt;/h2&gt;

&lt;p&gt;In this project, I used Pinata to pin uploaded images to IPFS. Upon uploading an image, the application sends a request to the Pinata API with the selected file. The API responds with the IPFS hash of the uploaded image, allowing users to access their NFTs via a gateway URL.&lt;/p&gt;

&lt;p&gt;Key Features Utilizing Pinata:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Image Upload to IPFS&lt;/strong&gt;: Users can upload images, which are pinned to IPFS through the Pinata API.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Fetching Uploaded Files&lt;/strong&gt;: The application retrieves previously uploaded images from Pinata using the provided API keys.&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>devchallenge</category>
      <category>pinatachallenge</category>
      <category>webdev</category>
      <category>api</category>
    </item>
    <item>
      <title>Creating NFT Artworks with Pinata</title>
      <dc:creator>Ralph Rosael</dc:creator>
      <pubDate>Sat, 12 Oct 2024 14:26:04 +0000</pubDate>
      <link>https://dev.to/coderralph/creating-nft-artworks-with-pinata-26d1</link>
      <guid>https://dev.to/coderralph/creating-nft-artworks-with-pinata-26d1</guid>
      <description>&lt;h2&gt;
  
  
  NFT Artworks
&lt;/h2&gt;

&lt;p&gt;A web application that allows users to upload and display their NFT artworks. It utilizes Pinata for IPFS storage, enabling secure and decentralized hosting of NFT artworks. This project is a submission for the &lt;a href="https://dev.to/challenges/pinata"&gt;Pinata Challenge&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  What I Built
&lt;/h2&gt;

&lt;p&gt;The application allows users to upload multiple images, which are then stored on IPFS using Pinata. Users can view their uploaded images in a gallery format and enjoy features such as drag-and-drop uploads, toast notifications for feedback, and a responsive design.&lt;/p&gt;

&lt;h2&gt;
  
  
  Demo
&lt;/h2&gt;

&lt;p&gt;You can access the live application &lt;a href="https://nft-artworks.vercel.app/" rel="noopener noreferrer"&gt;here&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Watch the video demo &lt;a href="https://youtu.be/Ea5UZJrEJoQ?si=8Aav2-mOoWixREVY" rel="noopener noreferrer"&gt;here&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  Screenshot]
&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%2F2a3kly6c4s5efjuv52lr.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%2F2a3kly6c4s5efjuv52lr.png" alt="light-theme" width="800" height="499"&gt;&lt;/a&gt;&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%2F643dhzrtnqd1z1pah4si.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%2F643dhzrtnqd1z1pah4si.png" alt="dark-theme" width="800" height="499"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  My Code
&lt;/h2&gt;

&lt;p&gt;The source code for this project can be found in the GitHub repository: &lt;a href="https://github.com/coder-ralph/NFT-Artworks.git" rel="noopener noreferrer"&gt;NFT-Artworks&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  More Details
&lt;/h2&gt;

&lt;p&gt;In this project, I used Pinata to pin uploaded images to IPFS. Upon uploading an image, the application sends a request to the Pinata API with the selected file. The API responds with the IPFS hash of the uploaded image, allowing users to access their NFTs via a gateway URL.&lt;/p&gt;

&lt;p&gt;Key Features Utilizing Pinata:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Image Upload to IPFS&lt;/strong&gt;: Users can upload images, which are pinned to IPFS through the Pinata API.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Fetching Uploaded Files&lt;/strong&gt;: The application retrieves previously uploaded images from Pinata using the provided API keys.&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>devchallenge</category>
      <category>pinatachallenge</category>
      <category>webdev</category>
      <category>api</category>
    </item>
    <item>
      <title>My First Hacktoberfest Journey: A Remarkable Experience</title>
      <dc:creator>Ralph Rosael</dc:creator>
      <pubDate>Wed, 18 Oct 2023 02:37:25 +0000</pubDate>
      <link>https://dev.to/coderralph/my-first-hacktoberfest-journey-a-remarkable-experience-1c5m</link>
      <guid>https://dev.to/coderralph/my-first-hacktoberfest-journey-a-remarkable-experience-1c5m</guid>
      <description>&lt;p&gt;I'm thrilled to share that I've embarked on my very first Hacktoberfest journey, and it's been an incredible ride so far. Joining the open-source community and making my humble contributions during Hacktoberfest 2023 has been a truly rewarding experience. You can check out my GitHub profile- &lt;a href="https://github.com/coder-ralph" rel="noopener noreferrer"&gt;https://github.com/coder-ralph&lt;/a&gt;.&lt;/p&gt;

&lt;h3&gt;
  
  
  A Journey of Recognition 🎉
&lt;/h3&gt;

&lt;p&gt;One of the most heartwarming moments during Hacktoberfest was the recognition of my efforts. While the digital badges serve as a symbol of accomplishment, I was pleasantly surprised to receive a Hacktoberfest 2023 Reward Kit. This tangible token of appreciation made me feel even more connected to the global open-source community.&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%2Fxhi8373xw774n4f9oeal.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%2Fxhi8373xw774n4f9oeal.png" alt="Hacktoberfest 2023 Reward Kit" width="800" height="650"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Planting Trees for a Greener Future 🌳
&lt;/h3&gt;

&lt;p&gt;Apart from the badges and the Reward Kit, I received a certificate from TreeNation. What's even more inspiring is that a tree will be planted in my name as a part of this initiative. Knowing that my contributions are not only benefiting the world of technology but also making a positive impact on the environment is an incredibly fulfilling feeling. It's a reminder that every small step we take can contribute to a greener, more sustainable future.&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%2Ff4cafq5dqcs1ax1abj8k.jpg" 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%2Ff4cafq5dqcs1ax1abj8k.jpg" alt="Tree Planting Certificate" width="800" height="827"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Shoutout to My Collaborators and the Hacktoberfest Team 🙌
&lt;/h3&gt;

&lt;p&gt;None of this would have been possible without the support and collaboration of amazing individuals within the open-source community. I want to give a massive shoutout to all my collaborators who guided me, reviewed my pull requests, and shared their knowledge. It's the collective effort of the community that makes Hacktoberfest such a remarkable event.&lt;/p&gt;

&lt;p&gt;I'd also like to express my gratitude to the Hacktoberfest team for organizing this event. Their dedication and hard work in bringing open-source enthusiasts together is truly commendable. Hacktoberfest serves as a platform for developers of all levels to come together, learn, and make a meaningful impact.&lt;/p&gt;

&lt;h3&gt;
  
  
  Let's Keep the Momentum Going 🚀🌍🌱
&lt;/h3&gt;

&lt;p&gt;As my first Hacktoberfest journey draws to a close, I'm not only reflecting on the knowledge and skills I've gained but also the sense of fulfillment that comes from being part of a larger mission. Let's not limit our contributions to just one month; instead, let's keep coding, collaborating, and making a positive impact on the world.&lt;/p&gt;

&lt;p&gt;Hacktoberfest has shown me the power of the open-source community, and I'm excited to continue my journey as a contributor, learn more, and inspire others to join this incredible world of coding and collaboration. Together, we can shape a better future, one pull request at a time. 🚀🌍🌱&lt;/p&gt;

&lt;p&gt;Thank you, Hacktoberfest 2023, for this remarkable experience. Until next year! 🙌&lt;/p&gt;

&lt;p&gt;Check out my GitHub Contributions: 4 PRs Submitted!&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;OSSPhilippines/freefolio:&lt;br&gt;
PR #113: &lt;a href="https://github.com/OSSPhilippines/freefolio/pull/113" rel="noopener noreferrer"&gt;Link&lt;/a&gt;&lt;br&gt;
PR #115: &lt;a href="https://github.com/OSSPhilippines/freefolio/pull/115" rel="noopener noreferrer"&gt;Link&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;rudra016/WebDev-OpenSource:&lt;br&gt;
PR #210: &lt;a href="https://github.com/rudra016/WebDev-OpenSource/pull/210" rel="noopener noreferrer"&gt;Link&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Astha369/CPP_Problems:&lt;br&gt;
PR #12: &lt;a href="https://github.com/Astha369/CPP_Problems/pull/12" rel="noopener noreferrer"&gt;Link&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;coder-ralph/fcc-antique-dev-profiles:&lt;br&gt;
PR #1: &lt;a href="https://github.com/coder-ralph/fcc-antique-dev-profiles/pull/1" rel="noopener noreferrer"&gt;Link&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Connect me on &lt;a href="https://www.linkedin.com/in/ralphrosael/" rel="noopener noreferrer"&gt;LinkedIn&lt;/a&gt;, and &lt;a href="https://github.com/coder-ralph" rel="noopener noreferrer"&gt;GitHub&lt;/a&gt;!&lt;/p&gt;

</description>
      <category>hack23contributor</category>
      <category>hacktoberfest</category>
      <category>hacktoberfest23</category>
      <category>opensource</category>
    </item>
  </channel>
</rss>
